表单元素

元素	说明	主要属性
form	表单容器	action method enctype
input	输入控件	type name value
textarea	多行文本输入	rows cols maxlength
select	下拉选择框	multiple size
option	选项	value selected disabled
optgroup	选项分组	label
datalist	输入建议列表	list
button	按钮	type (submit/reset/button)
label	表单标签	for
fieldset	表单字段集	disabled
legend	字段集标题	-

input 类型

类型	说明	验证支持
text	单行文本	minlength, maxlength, pattern
password	密码输入	-
email	邮箱地址	内置邮箱验证
number	数字输入	min, max, step
tel	电话号码	pattern
url	URL地址	内置URL验证
date	日期选择	min, max
time	时间选择	min, max
datetime-local	本地日期时间	min, max
color	颜色选择器	-
range	范围滑块	min, max, step
search	搜索框	-
file	文件上传	accept, multiple
checkbox	复选框	checked
radio	单选框	checked, name分组

表单属性

属性	说明	适用元素
name	表单控件名称	input, select, textarea, button
value	控件值	input, select, button
placeholder	输入提示	input, textarea
required	必填验证	input, select, textarea
disabled	禁用控件	所有表单元素
readonly	只读	input, textarea
autocomplete	自动完成	form, input
autofocus	自动聚焦	form内首个元素
pattern	正则验证	input (text, tel等)
min/max	最小/最大值	input (number, date, range)
step	步长	input (number, range)
novalidate	禁用验证	form