HTML5   发布时间:2022-04-25  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了html5系列:form 2.0 新表单属性大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。

首先必须提到,html5对Boolean类型的标签属性更倾向于使用html 4.01时代的传统段语法形式,即只有属性名而没有属性值,例如:

<input type="checkBox" checked />

html5有不少新的表单属性,仅列出一些比较重要的:

autocomplete

这个属性用来开启或关闭表单的“自动完成”功能属性值为"on"表示开启,为"off"表示关闭),不填的话就看浏览器的认值了。在我的经验中,往往更多是利用autocomplete="off"关闭自动完成”的,因为有一些跟安全相关的字段(例如账号、邮箱地址等),是不希望透露给第三者知道的。@H_772_17@autocomplete属性适用于 <form> 标签(相当于全局),以及以下类型的 <input> 标签:text,search,url,telephone,email,@R_874_5747@d,datepickers,range 以及 color。

autofocus

autofocus是Boolean类型属性,用来认激活某个input,适用于一些比较简单的表单页面,比如说一个纯粹的登录页面

form

form属性是配合form 2.0中新的表单结构来使用的,用来指明当前表单元素隶属于那(几)个表单,属性值为隶属表单<form>的id,有多个隶属表单则用空格分隔开多个id。@H_772_17@关于form 2.0中新的表单结构,请看这篇文章:《html5系列:form 2.0 新结构

表单重写属性

同样与form 2.0中新的表单结构相关,请看这篇文章:《html5系列:form 2.0 新结构

@H_393_12@min、max 和 step

配合date pickersnumber以及range<input> 标签来使用,用来规定最小值、最大值以及每点一下数值增长的幅度。

@H_393_12@multiple

Boolean类型属性,用于file类型的<input>标签,表示当前文件上传框可接受(选定)多个文件

novalidate

Boolean类型属性,用于取消整个表单(<form novalidate>)或只针对某些表单元素(<input type="email" novalidate />),目前相当的场景就是网站出于某些原因(比如说对UI的要求或对比较特殊的数据的验证)使用了第三方的表单验证插件,为了避免冲突,取消原生的表单校验。

required

Boolean类型属性,规定某个表单元素为必填项,主要用于表单检验。

pattern

与表单检验相关,填入正则表达式。

placeholder

placeholder属性起到提示的作用,当<input>的值为空且没有处在选中(focus)的状态时显示placeholder属性的值。由于要虑到兼容性问题,一般还是自己用js来实现。

大佬总结

以上是大佬教程为你收集整理的html5系列:form 2.0 新表单属性全部内容,希望文章能够帮你解决html5系列:form 2.0 新表单属性所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。