HTML学习（4）

我的个人博客：欢迎大家来逛逛

HTML表单

标签用于收集用户的输入，用它来定义HTML表单

是最基本和重要的表单元素，它具有不同的属性：

文本输入：text

示例如下：

First name:

Last name:

单选输入：radio

示例如下：

提交输入：submit

在的时候规定其 action属性为 提交的处理程序，例如我这里设置了一个网址，则点击submit后将会跳转到这个 action的网址。

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

示例如下：

method属性为提交表单的时候使用的HTTP方法，可以为GET或者POST

使用GET的时候，表单数据在地址栏是可见的（GET 最适合少量数据的提交）。

使用POST的时候，页面地址栏中被提交的数据是不可见的（适合密码的输入等隐私信息）。

name属性：如果想要输入被正确提交，则必须指定name属性，submit只会提交具有name属性的input

组合表单数据

组合表单的数据：使用。

为这个表单命名：使用。

示例如下：

请输入信息 Account:

Password:

的其他属性：

action属性定义提交表单执行的行为

当用户提交的时候，表单数据会发送到其指向的文件上，该文件包含处理表单数据的服务器端脚本。

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

target属性规定提交表单后在何处相应

method属性规定提交表单会使用的HTTP方法：表单数据作为URL：get；作为HTTP post事务：post

Autocomplete属性规定表单是否打开自动完成功能（会根据用户之前的输入自动填写值）。

novalidate属性规定不对表单输入的数据进行验证。

--

元素是下拉元素，用于设置定义下拉列表。

元素定义带选择的选项，使用selected来规定一个默认的选项

示例如下：

18 19 20 21

规定了一个文本框，可以输入很多内容：

示例如下：

续写故事:

规定表单的按钮：

示例如下：

点击我！

HTML5 增加了如下表单元素：

定义文本输入的单行字段。

定义密码输入的单行字段，密码会以 **** 等形式显示。

定义表单数据提交的处理程序。

定义单选按钮。

定义多选按钮。

定义输入按钮。

输入限制，只能输入数字，另外还可以规定输入的最小与最大值。

其他的输入限制：

选择日期的输入。

示例如下：

请输入日期：

颜色选择器

请选择颜色:

输入滑块

选择范围:

其他输入类型和HTML5新增加的输入类型：

value设置默认值

readonly设置只读

我是只读的哦，你不能修改！

disable设置不可点击

不可点击这个子段:

size设置子段的尺寸

maxlength子段允许输入的最大长度

其他属性与HTML5新增：

form属性：规定input元素所处的表单，此属性的值必须等于它所属的

元素的 id 属性。

First name:

下面的Last name仍然是表单的一部分:

Last name:

formaction和action一样，也具有提交表单的功能，但是能覆盖action：

First name:

Last name:

formenctype属性：指示提交时应当如何编码表单数据。仅适用于post属性时，将覆盖元素的enctype属性。

formmethod属性：定义了将表单数据发送到 action URL 的 HTTP 方法。

姓氏：

名字：

formtarget属性：定义了提交的响应方式。

formnovalidate属性：提交时不进行验证的数据。

novalidate属性：提交时所有表单数据都不验证，属于标签。