html5中新增加的属性有哪些


这篇文章主要介绍了html5中新增加的属性有哪些,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。 html5中新增加的属性有:placeholder、calendar、Draggable、autocomplete、novalidate、autofocus、override、list、multiple、pattern、required等。本教程操作环境:windows7系统、HTML5版、Dell G3电脑。html5中新增的属性placeholdercalendarcontentEditable(来描述标签中的内容是否可编辑)DraggableHiddenContext-menuData-val(自定义属性)autocompletenovalidateautofoc免费云主机域名usoverridelistmultiplepatternrequired
html5中新增两个表单属性,分别autocomplete和novalidate属性1.autocomplete属性该属性用于控制自动完成功能的开启和关闭。可以设置表单或者input元素,有两个属性值,当设置为on时,启动该功能;当设置off时,关闭该功能。启用该功能后,当用户在自动完成域开始输入时,浏览器就会在该域中显示填写的选项。用户每提交一次,就会增加一个用于选择的选项2.novalidate属性input输入类型,当提交表单时,会对这些输入内容进行验证。而novalidate属性则用于在提交表单时不对form或input进行验证: 新增的input属性1.autofocus属性autofocus属性用于自动获取焦点。在html5中input元素设置该属性后,当页面加载时,input元素会自动获得光标焦点。2.form属性form属性用于设置input元素属于哪个表单。在html4中,表单中的所以元素都必须在这个表单的开始标签和结束标签之间,而在html5中,如果要将表单开始和结束标签之外的元素归属到该表单,只需要设置form属性在设置form属性时,需要知道表单的id属性值,并将form属性的值也设置成表单id的属性值3.表单重写属性overrideoverride属性用于重写表单元素的某些属性,在html5中,可以重写的表单属性有formaction、formmethod、formenctype、formnovalidate和formtarget,这些属性分别用于重写表单的action、enctype、method、novalidate和target属性第一个input元素会将输入的数据提交a.jsp页面,而第二个input元素设置formaction属性,重写了action属性,设置提交页面到b.jsp页面4.list属性:list属性用于设置输入域的datalist元素,为list属性设置datalist的id属性值,可以将datalist元素与input元素相关联:list属性适应于以下类型的input元素:text、search、url、telephone、email、date、 pickers、number、range和color;5.multiple属性multiple属性用于设置input元素是否可以有多个值。该属性只适用于email和file类型的input元素。如果给email类型的input元素设置multiple属性,那么在输入框中可以输入多个email地址,多个email地址之间用逗号隔开。如果给file类型的input元素设置multiple属性,那么在打开的选择文件对话框中就可以选择对个文件6.pattern正则表达式正则表达式由一系列字符和数字组成,用于匹配某个句法规则。该属性适应于text、search、url、telephone、email和password类型的input元素7.设置input元素在内容为空时的提示信息,placeholder属性在页面中有一个文本输入框,但是不知道应该输入什么内容时。8.提交为空时提醒 required属性用户必须填写内容才能提交,为空时提交不上感谢你能够认真阅读完这篇文章,希望小编分享的“html5中新增加的属性有哪些”这篇文章对大家有帮助,同时也希望大家多多支持百云主机,关注百云主机行业资讯频道,更多相关知识等着你来学习!

相关推荐: 微信小程序仿携程系统如何开发

这篇文章主要介绍了微信小程序仿携程系统如何开发的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇微信小程序仿携程系统如何开发文章都会有所收获,下面我们一起来看看吧。 1.首先需要在查询之前获取输入的所在城市以及到的城市,以及时间的选择…

免责声明:本站发布的图片视频文字,以转载和分享为主,文章观点不代表本站立场,本站不承担相关法律责任;如果涉及侵权请联系邮箱:360163164@qq.com举报,并提供相关证据,经查实将立刻删除涉嫌侵权内容。

Like (0)
Donate 微信扫一扫 微信扫一扫
Previous 08/16 22:22
Next 08/17 09:26

相关推荐