常见的表单元素有哪些？各有什么属性？

常用的表单元素

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

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

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

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

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

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

7. button: 定义一个按钮。

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

9. 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属性如下：

1. text：单行文本输入框，可以通过正整数的size控制框长度。
2. password：密码输入框。
3. radio：单选按钮，同一组的单选按钮必须要有相同的name。
4. checkbox：复选框，同一组的单选按钮必须要有相同的name。
5. button：普通按钮。
6. submit：提交按钮，每出现一次，一个 Submit 对象就会被创建。
7. reset：重置按钮，会重置当前表单中全部的内容。
8. image：图像形式的提交按钮，写法是“”。
9. hidden：隐藏域，隐藏字段对于用户是不可见的。
10. 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 版权协议，转载请附上原文出处链接及本声明。

原文链接：https://blog.csdn.net/jnshu_it/article/details/85370309