14.HTML5新增的一些属性及其用法

autofocus属性:

为文本框、选择框或按钮控件加上该属性,当画面打开时,该控件自动获得光标焦点。就是边框自动加上彩色的框。具体用法如下:

<form>

<input type="text" autofocus>

</form>

 

required属性:

新增的该属性可以应用在大多数输入元素上,在提交时,如果元素中内容为空白,则不允许提交,同时在浏览器上显示信息提示文字,具体用法如下:

<form>

<input type="text" required="required"/>

<button type="submit">提交</button>

</form>

 

labels属性:

该元素为所有可使用标签的表单元素、button、select元素等,定义一个labels属性,属性值为一个nodelist对象,代表该元素所绑定的标签元素所构成的集合。链接js使用。

 

control属性:

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

 

pattern属性:

在HTML5中,对input元素使用该元素,并且将属性值设为某个格式的正则表达式,在提交时会针对这些进行检查,检查其内容是否符合给定形式。当输入的内容不符合给定格式时,则不允许提交,同时在浏览器中先是提示文字,提示输入的内容必须符合给定格式。具体用法:

<form>

<input pattern="[A-Z]{3}" name="xx"/>

<input type="submit"/>

</form>

 

SelectionDirection属性:

当用户在这两个元素中用鼠标选取大部分文字时,可以使用该属性来获取选取方向。当用户正向选取文字时,给属性值为“forword”,当用户反向选取文字时,该属性值为“backward”。当用户没有选取任何文字时,该属性值为“forword”。

发布了20 篇原创文章 · 获赞 17 · 访问量 153

猜你喜欢

转载自blog.csdn.net/weixin_46319702/article/details/105050768