表单

• form 标签的属性：

  • accept-charset：服务器接受的字符编码列表，空格分隔。
  • autocomplete：浏览器是否可以自动填充某个控件的值，取 off 或 on。
  • enctype：当 method 属性指定为 POST 时，指定提交给服务器的 MIME 类型。关于 MIME：MIME (opens new window),常用可取值如下：
    • application/x-www-form-urlencoded：默认类型。
    • multipart/form-data：用于文件上传，将文件分成多块传送

• fieldset 标签：块级容器标签，表示控件的集合。

  • disabled 属性：一旦设置会使 fieldset 内部包含的控件不可用。
  • form 属性：指定控件组所属 form，值等于 form 的 id 属性。

• legend 标签：用来设置 fieldset 控件组的标题。

• label 标签：提供控件文字说明，通过 for 属性和对应控件的 id 属性对应，或者直接将控件放在 label 标签之中，可以不使用 for 属性。可以通过 form 属性关联表单 id。

• input 标签属性：

  • autofocus：是否在页面加载时自动获得焦点。
  • disabled：是否禁用。
  • form：关联表单的 id 属性。
  • readonly：是否只读。

• input 标签的类型：

  • text 类型：通过 maxlength 和 minlength 指定最大和最小输入字符数；通过 pattern 指定必须输入与正则表达式匹配的内容。
  • image 类型：与 submit 完全一致，将一个图像文件作为提交按钮。
  • reset 类型：重置控件。
  • checkbox 类型：复选框，通过 name 和 value 属性形成键值对。
  • radio 类型：单选框，checked 属性表示是否默认选中当前项，value 属性指定用户选中该项提交到服务器的值。
  • email 类型：设置 multiple 属性可以输入以逗号分隔的多个电子邮箱。
  • number 类型：只能输入数字，通过 step 属性指定每次递增、递减的步长。
  • range 类型：一个滑块，选择给定范围之中的一个数值，通过 max、min 指定最大最小值，通过 step 属性指定步长。
  • url 类型：一个只能输入网址的文本框。
  • tel 类型：一个只能输入电话号码的输入框。
  • color 类型：选择颜色。
  • date 类型：一个只能输入日期的输入框，step 指定步长。
  • time 类型：只能输入时间的输入框。
  • month 类型：只能输入年份和月份的输入框。
  • week 类型：输入一年之中第几周的输入框。
  • datetime-local 类型：输入年月日和时分。

• button 标签属性：

  • autofocus。
  • disabled。
  • type：可选 submit、reset、button。
  • form：值为 form 的 id 属性。
  • formenctype：数据提交到服务器的编码方式，会覆盖 form 元素的设置，三个可选值：
    • application/x-www-form-urlencoded。
    • multipart/form-data。
    • text/plain。
  • formmethod：覆盖 form 的 method 属性。

• select 属性：

  • multiple：是否可以选择多个菜单项。

• option 属性：

  • label：该项的说明，如果省略，就等于该项的文本内容。
  • value：提交到服务器的值，如果省略，等于该项的文本内容。

• datalist：为指定控件提供一组相关数据，指定控件通过 list 属性和 datalist 的 id 对应。

  • datalist 中的 option 标签可以不闭合，设置 value 即可。

• progress：表示完成进度，通过 max 属性设置进度条最大值，大于 0 的浮点数，value 属性是进度条的当前值

• meter：指示器，显示一致范围内的一个值。

  • max：范围的上限，必须大于 min 属性。
  • value：当前值。
  • low：表示“低端”的上限门槛值，必须大于 min 属性，小于 high 属性和 max 属性。
  • high：表示“高端”的下限门槛值，必须小于 max 属性，大于 low 属性和 min 属性。
  • optimum：指定最佳值，必须在min属性和max属性之间。它应该与low属性和high属性一起使用，表示最佳范围。
  • form：关联表单的id属性。