html中的表单标签

206 阅读1分钟

html中的标签根据语义可以划分为9种类型,其中之一是表单标签。

它们是: fieldsetlegendmeterlabelinputtextareaformselectoptgroupoptionoutputbuttondatalistprogress

它们的语义如下:

  • fieldset:用于对表单中的控制元素进行分组
  • legend:用于表示其父元素fieldset的内容标题
  • meter:用来显示已知范围的标量值或者分数值
  • label:表示用户界面中某个元素的说明
  • input:用于为基于 Web 的表单创建交互式控件,以便接受来自用户的数据
  • textarea:表示一个多行纯文本编辑控件
  • form:表单区域
  • select:表示一个提供选项菜单的控件
  • optgroup:为select元素中的选项创建分组
  • option:用于定义在select, optgroupdatalist元素中包含的项
  • output:表示计算或用户操作的结果
  • button:表示一个可点击的按钮
  • datalist:包含了一组option元素,这些元素表示其他表单控件可选值
  • progress:用来显示一项任务的完成进度

使用经验总结:

  1. input元素是目前是 HTML 中最强大、最复杂的元素之一,因为它有大量的输入类型和属性组合,它的工作方式相当程度上取决于 type 属性的值。

datalist vs. select

datalistselect都可以制作下拉菜单,select的下拉菜单是供用户选择的,用户只能选择其中的选项,datalist不仅可供用户选择,还可以自己输入,而且支持模糊查询。