HTML的元素用于为基于Web的表单创建交互式控件，以便接受来自用户的数据；可以使用各种类型的输入数据和控件小部件，具体取决于设备和User Agent。

 

　　文章开头就提到过，元素是表单中最为复杂的元素之一。这么说是有其一定原因的，不说别的，就其类型（）就有近二十种。

 

　　既然如此，我们就从元素的属性开始吧。

 

　　元素的工作方式相当程度上取决于其属性的值，不同的值所取的作用不一样。到目前为止，值有差不多种不同的值，它们在不同的浏览器中的表现也不尽相同，尤其在移动端（不同的值可以唤起不同的键盘类型）。我们来看看的取值以及其所取的作用。

 

　　注意类型已被弃用。

 

　　文本类型（）

 

　　元素的取值为是大家最为熟悉的一种输入框类型，即文本输入框，这也是的默认值：

 

　　Text

 

　　它也被称为单行文本输入框。如果在中未显式设置值时，将会取值（该值也是默认值），或者当设置为一个不支持的类型时，浏览器也会取值。

 

　　Default Text

 

　　在希望用户输入单行值的任何地方都可以使用为的，并且没有更具体的输入类型可用于收集该值。

 

　　注意，时，输入中的换行会被自动去除。

 

　　密码类型（）

 

　　元素的取值为时被称为密码输入框。主要用于让用户更加安全的输入密码。这个元素是作为一行纯文本编辑器控件呈现的，其中文本被遮蔽以致于无法读取，通常通过诸如星号或点符号替换每个字符来实现。这个符号会根据用户的浏览器和操作系统来具体显示哪个。

 

　　Password

 

　　的取值为和时，在未显式值或用户未输入值时，它们看上去是一样的，当用户输入值时，显示效果是有差异的，对应的文本框输入的值可见，对应的密码框输入的值不可见，会以或替代：

 

　　复选框类型（）

 

　　元素的取值为时，表示的是一个复选框，允许你为表单中（或不在表单中）的提效项选择一个单一值。

 

　　Checkbox

 

　　（未选中）

 

　　（选中）

 

　　当有多个复选框可以同时选择多个值，也可以通过点击取消。如果表单在提交时，复选框未选中时，则提交的值并非为；此时的值不会被提交到服务器。

 

　　单选按钮类型（）

 

　　的取值为时，表示是的一个单选按钮。被称为单选按钮，是因为其外观和操作方式与老式无线电上的按钮类似：

 

　　该元素默认渲染为小型圆圈，当选中时，圆圈中会有一个不同颜色的点（这种状态是激活状态）。

 

　　Radio

 

　　（未选中）

 

　　（选中）

 

　　单选按钮和复选框不同，单选按钮只能选择一个值，再次单击也不能取消：

 

　　Radio

 

　　（尝试着选中，选中之后单击也不能取消）

 

　　如果想取消单击过的单选按钮，只能通过单击相同的其他单选按钮来取消当前选中的单选按钮（一个单选按钮组由具有相同属性的单选按钮组成）。

 

　　Choose your language

 

　　Chinese

 

　　English

 

　　Spanish

 

　　Japnese

 

　　单选按钮和复选框有一个最重要的区别：单选按钮为选择其中一项而设计，然而复选框允许你开启或关闭单个值。每个独立的单选按钮大致上是 控件（是或不是）。

 

　　按钮类型（）

 

　　元素的取值为时，被称为按钮。它是元素的特殊版本，被用来创建一个没有默认值的可点击按钮。

 

　　Button

 

　　它是一个单纯的按钮，没有默认的事件。

 

　　注意：取值为现基本被元素取代。

 

　　表单重置类型（）

 

　　元素的取值为时，被称为重置按钮，其渲染结果和类似：

 

　　Button and Reset

 

　　取值为时虽然渲染的结果上类似于，但它们有一个本质上的差异，那就是默认带有事件，可以用于将表单中的所有输入重置为其初始值。另外，如果的，如果未显式设置的值，会有一个默认值，即“reset（或重置）”，不同的浏览器或操作系统取值不同。

 

　　在实际使用的时候应该尽量避免在表单中使用按钮。因为其没有啥实用性，甚至更有可能使用户误点重置已填好的选项而感到沮丧。

 

　　表单提交类型（）

 

　　元素的取值为时，被称为提交按钮。它和取值类似，不同的是，用户代理会试图提交表单到服务器。

 

　　Submit and Reset

 

　　图片类型（）

 

　　元素的取值为时，被称为图形提交按钮。它的行为既像为的，又类似元素。使用时，在元素上必须使用属性来义图像的来源，同样可以使用来描述按钮上下文信息。