HTML基础知识（二）

HTML表单：

        用于搜集不同类型的用户输入。

HTML表单元素：

1. <from>元素：定义HTML表单。
2. <input>元素：最重要的表单元素是 <input> 元素。

          <input> 元素有很多形态，根据不同的 type 属性。

类型	描述
text	定义常规文本输入。
radio	定义单选按钮输入（选择多个选择之一）
submit	定义提交按钮（提交表单）
password	定义密码字段
checkbox	定义复选框
button	定义按钮
color	用于选取颜色
date	允许性日期选择器选择日期
datetime	允许选择一个日期（UTC时间）
datetime-local	允许选择一个日期和时间（无时区）
email	包含e-mail地址的输入域
month	允许选择一个月份
range	包含一定范围内数字值的输入域
week	允许用户选择周和年
time	允许用户选择时间（无时区）
search	用于搜索字段（搜索字段的表现类似常规文本字段）
tel	用于应该包含电话号码的输入字段
url	用于应该包含URL地址的输入字段
number	包含数值的输入域

           使用下面的属性来规定对数字类型的限定：

属性	描述
disabled	规定输入字段是禁用的
max	规定允许的最大值
maxlength	规定输入字段的最大字符长度
min	规定允许的最小值
pattern	规定用于验证输入字段的模式
readonly	规定输入字段的值无法修改
required	规定输入字段的值无法修改
size	规定输入字段中的可见字符数
step	规定输入字段的合法数字间隔
value	规定输入字段的默认值

Input的表单属性

属性	描述
from	规定<input>元素所属的表单 ①此属性值必须等于他所属的<from>元素的id属性
formaction	规定提交表单时，对输入（数据）进行处理的文件的URL ①该属性会覆盖 <form> 元素的 action 属性。 ②formaction 属性适用于以下输入类型：submit 和 image
formenctype	指定提交时应如何编码表单数据 ①该属性会覆盖 <form> 元素的 enctype 属性。 ② formenctype属性适用于以下输入类型：submit 和 image
formmethod	定义了将表单数据发送到 action URL 的 HTTP 方法。 ①该属性会覆盖 <form> 元素的 method 属性。 ② formmethod属性适用于以下输入类型：submit 和 image
formtarget	指定一个名称或关键字，该名称或关键字规定在提交表单后在何处显示收到的响应。 ①此属性将覆盖 <form> 元素的 target 属性。 ②formtarget 属性适用于以下输入类型：submit 和 image。

HTML表单的属性

Action 属性

action 属性定义在提交表单时执行的动作。

通常，当用户单击“提交”按钮时，表单数据将发送到服务器上的文件中。

如果省略 action 属性，则将 action 设置为当前页面。

 

Target属性

target 属性规定提交表单后在何处显示响应。

target 属性可设置以下值之一：

值	描述
_blank	响应显示在新窗口或选项卡中。
_self	响应显示在当前窗口中（默认）。
_parent	响应显示在父框架中。
_top	响应显示在窗口的整个 body 中。
framename	响应显示在命名的 iframe 中。

 

 

Method 属性

method 属性规定在提交表单时所用的 HTTP 方法（GET 或 POST）

关于 GET 的注意事项：

以名称/值对的形式将表单数据追加到 URL

永远不要使用 GET 发送敏感数据！（提交的表单数据在 URL 中可见！）

URL 的长度受到限制（2048 个字符）

对于用户希望将结果添加为书签的表单提交很有用

GET 适用于非安全数据，例如 Google 中的查询字符串

关于 POST 的注意事项：

将表单数据附加在 HTTP 请求的正文中（不在 URL 中显示提交的表单数据）

POST 没有大小限制，可用于发送大量数据。

带有 POST 的表单提交无法添加书签

提示：如果表单数据包含敏感信息或个人信息，请务必使用 POST！

 

Autocomplete 属性

autocomplete 属性规定表单是否应打开自动完成功能。

启用自动完成功能后，浏览器会根据用户之前输入的值自动填写值。

 

Novalidate 属性

novalidate 属性是一个布尔属性。

如果已设置，它规定提交时不应验证表单数据。

 

Name 属性

如果要正确地被提交，每个输入字段必须设置一个 name 属性。

 

---

这是一个很懒的新人，如有什么不足请多多指教。