html中的标签根据语义可以划分为9种类型,其中之一是表单标签。
它们是:
fieldset、legend、meter、label、input、textarea、form、select、optgroup、option、output、button、datalist、progress。
它们的语义如下:
fieldset:用于对表单中的控制元素进行分组legend:用于表示其父元素fieldset的内容标题meter:用来显示已知范围的标量值或者分数值label:表示用户界面中某个元素的说明input:用于为基于 Web 的表单创建交互式控件,以便接受来自用户的数据textarea:表示一个多行纯文本编辑控件form:表单区域select:表示一个提供选项菜单的控件optgroup:为select元素中的选项创建分组option:用于定义在select,optgroup或datalist元素中包含的项output:表示计算或用户操作的结果button:表示一个可点击的按钮datalist:包含了一组option元素,这些元素表示其他表单控件可选值progress:用来显示一项任务的完成进度
使用经验总结:
input元素是目前是 HTML 中最强大、最复杂的元素之一,因为它有大量的输入类型和属性组合,它的工作方式相当程度上取决于 type 属性的值。
datalist vs. select
datalist和select都可以制作下拉菜单,select的下拉菜单是供用户选择的,用户只能选择其中的选项,datalist不仅可供用户选择,还可以自己输入,而且支持模糊查询。