HTML5新增的表单控件属性

知有的头像
知有
148

from属性

        from属性能够用来定义一个表单控件所属的表单,属性值为所属表单的id,这样提高了页面布局的灵活性。

formaction属性:

        它能够使一个表单内的两个按钮提交给不同的处理逻辑,该属性即可动态地让表单提交到不同的URL。

     formxxx属性是一些与formaction 极为相似的属性,对于<input type="submit" .../><input type="image" …/><button type="submit" …/>元素,都可以指定formenctype、formmethod、formtarget 等属性,其中:

  1. formenctype, 通过该属性可以让按钮动态地改变表单的enctype 属性。
  2. formmethod, 通过该属性可以让按钮动态地设置表单以POST 或GET 方式提交。
  3. formtarget, 通过该属性可以让按钮动态地改变表单的target 属性。

        这是一个非常常用的属性。当为某个表单控件增加该属性后,浏览器打开该页面时该组件就会自动获得焦点,由于打开页面时只能有一个控件获得焦点,因此整个页面上最多只能有一个表单控件可设置该属性。

list属性:

    list属性的值应该是一个datalist组件的id,也就是说,list属性必须与datalist元素结合用。

    datalist:该元素相当于一个“看不见”的select元素,用于生成一个隐藏的下拉菜单,datalist所能包含的子元素与select元素完全相同。该元素用于与指定了list属性的input元素结合使用。当双击指定了list 属性的文本框时该文本框将会显示datalist生成的下拉菜单。

        该属性主要用千与list属性结合使用,当为文本框指定了有效的list属性之后,该文本框下面总会显示一个下拉菜单供用户选择。但在有些时候,可能出于安全性考虑,开发者不想让某些用户看到这个下拉菜单,则可以通过autocomplete 属性来实现。该属性支持如下两个属性值。

  1. on :打开autocomplete, 文本框下方会显示下拉菜单。
  2. off :关闭autocomplete, 文本框下方不会显示下拉菜单。
用户评论
评论列表