美文网首页
H5表单新增属性

H5表单新增属性

作者: 晴天的晴q | 来源:发表于2019-01-24 15:36 被阅读0次

1、表单内元素的form属性:表单内的从属元素可以书写在页面任何地方,只要为该元素指定一个form属性,属性值为该表单的id。

2、表单内元素的formaction属性:为所有提交按钮增加不同的formaction属性,使得在单击不同的按钮时可以将表单提交到不同的页面。

3、表单内元素的formmethod属性:对每个表单元素分别指定不同的提交方法。

4、表单内元素的formenctype属性:对表单元素分别指定不同的编码方式。

5、表单内元素的formtarget属性:指定提交后在何处打开所需要加载的画面。

6、表单内元素的autofocus属性:画面打开时,该控件自动获得光标焦点。

7、表单内元素的required属性:如果元素中内容为空白,则不允许提交,同时在浏览器中显示信息提示文字。可以应用在大多数输入元素。

8、表单内元素的labels属性:为所有可使用label元素的表单元素定义了一个labels属性,属性值为一个NodeList对象,代表该元素所绑定的标签元素所构成的集合。

9、标签的control属性:可以在label内部放置一个表单元素,并且通过该label的control属性来访问该表单元素。

10、文本框的placeholder属性:文本框在未输入时的提示文字。

11、文本框的list属性:该属性的值为某个datalist元素的id。datalist元素类似于选择框,但是当用户想要设定的值不在选择列表之内时,允许自行输入。

12、文本框的autocomplete属性:可以指定on、off与不指定,设为on时,可以显示指定候补输入的数据列表。

13、文本框的pattern属性:将属性值设置为某个格式的正则表达式,提交时进行检查。

14、文本框的selectionDirection属性:当用户在input元素与textarea元素中用鼠标选取部分文字时,可以使用该属性来获取选取方向。

15、复选框的indeterminate属性:可以在JavaScript脚本代码中对该元素使用indeterminate属性,说明复选框处于"尚未明确是否选取"状态。

16、image提交按钮的height属性与width属性:针对类型为image的input元素设定的设置图片高宽的属性。

17、textarea元素的maxlength属性与wrap属性

maxlength:设定可输入文字的个数;

wrap:值为hard时,向textarea中输入的文字个数超出使用textarea元素的cols属性所限定的每行中可显示文字个数而导致文字换行时,提交表单时会在换行处加入一个换行标志,值为soft时不加换行标志。

相关文章

  • h5新增元素&废弃元素

    h5新增元素 h5新增表单元素 h5废弃元素

  • 九、疯狂的表单

    疯狂的表单 新增表单控件 新增表单属性 表单验证反馈 关闭验证

  • H5表单新增属性

    1、表单内元素的form属性:表单内的从属元素可以书写在页面任何地方,只要为该元素指定一个form属性,属性值为该...

  • h5表单

    html5 表单 新增input类型 新增表单元素 html5表单验证 新增表单属性 新增的input类型 inp...

  • H5表单

    H5表单 1. HTML4 form表单复习 input 表单type属性值 text ...

  • 关于H5(1)

    H5基础都有哪些: H5有用的标签: 新增标签 *表单 *js新增功能 css3选择器: *css3新增的样式 浏...

  • HTML5和CSS3提高

    视频 播放 html5新增input类型 新增表单属性 required required 表单不能为空pl...

  • 增强的表单Form功能

    所有元素必须放到表单form中或者指定form属性 新增属性 表单内部,可省略form属性 formaction属...

  • 智能表单

    智能表单元素 新增input表单元素类型 新增表单元素属性 配合datalist标签能实现自动补全的效果

  • H5学习从0到1-H5的表单(11)

    H5的表单元素 form:表单 input:输入域,type属性可以设置text,password,button等...

网友评论

      本文标题:H5表单新增属性

      本文链接:https://www.haomeiwen.com/subject/choyjqtx.html