当前位置:首页 > HTML技巧 > 正文

html中label标签的详细介绍

11-16 HTML技巧

欢迎关注支持,谢谢!本篇将介绍的是html中的label标签的用法,由兴趣的朋友可以了解一下!

在网页开发中,表单是经常用到的,而今天要介绍的这个标签也是经常出现在表单中的,即label标签,我们一起来看看它有什么用途吧!

“label”作为英文单词有“标记”的意思,那它作为html中的标签又有什么意思呢?下面我们就一起来看看吧!

在html中,label标签通常和input标签一起使用,label标签为input元素定义标注(标记)。

label标签的作用是为鼠标用户改进了可用性,当用户点击label标签中的文本时,浏览器就会自动将焦点转到和该标签相关联的控件上;

label标签在单选按钮和复选按钮上经常被使用,使用该标签后,你点击单选按钮或复选按钮的文本也是可以选中的。

关联控件的id一般指的是input元素的id;在html5中还新增了一个属性form,form属性是用来规定所属的一个或多个表单的 id 列表,以空格隔开;当label标签不在表单标签form中时,就需要使用form属性来指定所属表单;三、实例

!DOCTYPE htmlhtmlheadmeta charset=utf-8 娱乐棋牌 /titlehtml中label标签的详细介绍/title/headbody bgcolor=bisqueform action= id=form1input type=checkbox 欢乐棋牌 id=basketballlabel for=basketball篮球/labelinput type=checkbox id=footballlabel for=football足球/labelinput type=checkbox id=tableTennislabel for=tableTennis乒乓球/labelbrinput type=submit value=提交//formlabel for=football form=form1足球/label/body/html

版权保护: 转载请保留链接: http://lefkosaemlak.com/html/80.html