常用的表单元素

form: 定义供用户输入的表单。

fieldset: 定义域。即输入区加有文字的边框。

legend：定义域的标题，即边框上的文字。

label：定义一个控制的标签。如输入框前的文字，用以关联用户的选择。

input: 定义输入域，常用。可设置type属性，从而具有不同功能。

textarea: 定义文本域(一个多行的输入控件)，默认可通过鼠标拖动调整大小。

button: 定义一个按钮。

select: 定义一个选择列表，即下拉列表。

option: 定义下拉列表中的选项。

表单元素的具体属性

form

<form name="" action="" method="get">……</form>

name : 表单名称；action : 用来指定表单处理程序的位置（url）；method : 定义表单结果从浏览器传送到服务器的方式，默认为"get"（也可以是post）

input

<input type="" name="" value="" size="">

name:控件名称；value:input控件默认文本值；size:input控件在页面中的显示宽度（必须是正整数）

input常用type属性如下：

text：单行文本输入框，可以通过正整数的size控制框长度。password：密码输入框。radio：单选按钮，同一组的单选按钮必须要有相同的name。checkbox：复选框，同一组的复选按钮必须要有相同的name。button：普通按钮。submit：提交按钮，每出现一次，一个 Submit 对象就会被创建。reset：重置按钮，会重置当前表单中全部的内容。image：图像形式的提交按钮，写法是“”。hidden：隐藏域，隐藏字段对于用户是不可见的。file：文件域，用于文件上传。

select

<select size="" multiple="multiple"><option hidden>选项1</option>……</select>

size：下拉菜单的可见选项数；multiple：多选。

在最新的html5中，有一些表单的新增属性，多用于js，如

datalist : 定义填写一个input时，提示几个option用于提示。可通过input的list特性与此元素作关联。

output : 表示计算的结果。可通过for特性与其它能够影响运算的元素（如input）作关联。

版权声明：本文为CSDN博主「jnshu_it」的原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接及本声明。

原文链接：/jnshu_it/article/details/85370309