常用的表单元素有哪些：分类型速查

常用的表单元素有哪些，主要分为容器类、输入控件类、选择控件类、按钮类、辅助分组类五大类，核心元素包含input、textarea、select、button、label、fieldset，其中input依靠type属性衍生出十多种常用控件，适用于网页数据采集场景；移动端低版本浏览器下，datetime、color这类控件兼容性较差，建议优先选用基础文本控件替代。

一、输入类表单元素

input是使用频次最高的表单元素，通过修改type属性切换控件形态，可满足绝大多数文字、数字、文件的录入需求。

二、多行文本与选择类表单元素

这类元素用来处理大段文字录入与下拉选项选择，弥补input控件的功能短板。

textarea用于多行文字输入，支持自动换行，适合填写备注、详细描述内容，可以通过rows和cols控制输入框尺寸。

select搭配option构成下拉选择框，用户只能从预设选项里挑选内容；配合optgroup还能给下拉选项分组，适合省市、商品分类这类层级选择场景。

三、按钮类表单元素

button元素包含三种常用类型，覆盖表单提交、重置与自定义点击操作。

submit按钮用于把表单数据提交到服务器；reset按钮会一键清空所有填写内容，实际项目里使用频次偏低，容易造成误操作；普通button按钮用来绑定自定义脚本，实现弹窗、跳转等非提交功能。

四、辅助类表单元素

label用来绑定文字与表单控件，点击文字就能选中输入框，提升移动端操作体验。

fieldset可以把多个表单控件打包分组，搭配legend设置分组标题，适合把基础信息、收货信息拆分成多个模块，让表单布局更整齐。

五、使用边界说明

HTMLLivingStandard规范里定义的日期、颜色拾取控件，在安卓老旧浏览器里存在显示异常，正式项目开发时，需要提前做好降级方案。