label

<label>标签在HTML中的作用是定义input元素的标注。

label 元素不会向用户呈现任何特殊效果。不过,它为鼠标用户改进了可用性。如果您在 label 元素内点击文本,就会触发此控件。就是说,当用户选择该标签时,浏览器就会自动将焦点转到和标签相关的表单控件上。

<label> 标签的 for 属性应当与相关元素的 id 属性相同。"for" 属性可把 label 绑定到另外一个元素。请把 "for" 属性的值设置为相关元素的 id 属性的值。

扩展资料

特点

1、由尖括号包围的关键词,比如 <html>

2、通常是成对出现的,比如 <p> 和 </p>

3、标签对中的第一个标签是开始标签,第二个标签是结束标签;

4、开始和结束标签也被称为开放标签和闭合标签。

5、也有单独呈现的标签,如:<img src="百度百科.jpg" />等。

6、一般成对出现的标签,其内容在两个标签中间。单独呈现的标签,则在标签属性中赋值。如<h1>标题</h1>和 <input type="text" value="按钮" />。

7、网页的内容需在<html>标签中,标题、字符格式、语言、兼容性、关键字、描述等信息显示在<head>标签中,而网页需展示的内容需嵌套在<body>标签中。某些时候不按标准书写代码虽然可以正常显示,但是作为职业素养,还是应该养成正规编写习惯。

参考资料来源:百度百科-html标签

label 标签为 input 元素定义标注(标记),它不会向用户呈现任何特殊样式效果,和 span 标签类似。但 它为鼠标用户改进了可用性,可以关联特定的表单控件。

label 标签和特定表单控件关联之后,如果用户点击 label 元素,就会触发关联的表单控件。也就是说,当用户选择该 label 标签时,浏览器就会自动将焦点转到和 label 标签相关的表单控件上。

abel 标签与表单元素的关联方式有两种:

1、显示关联

显式关联:通过 label 标签的 **for **属性,显式地与同一文档中的一个表单控件关联。for 属性的值即的关联表单元素的 id。如:

<input type=checkbox name=basket id=basketball>   
<label for="basketball">篮球</label>
<input type=checkbox name=football id=football>   
<label for="football">足球</label>

当用户点击 label 元素时,相当于点击了关联的 input 元素。

2、隐式关联

隐式关联:将表单控件放到 label 标签内,即可与该表单控件关联。这种情况下,label 标签只能包含一个表单元素,包含多个时只对第一个有效。如:

<label>点击俺可以使文本框获得焦点
<input type=text name=theinput id=theinput>
</label>

当用户选择 label 标签时,浏览器会将焦点转到 label 标签内的 input 元素上。 

扩展资料

在html中<a>、<span>、<br>、<i>、<em>、<strong>、<label>等等属于行内元素

行内元素三大特点:

1、和其他元素都在一行上;

2、元素的高度、宽度、行高及顶部和底部边距不可设置;

3、元素的宽度就是它包含的文字或图片的宽度,不可改变。

参考资料:w3school - HTML <label> 标签

<label>标签在HTML中的作用是定义input元素的标注。

label 元素不会向用户呈现任何特殊效果。不过,它为鼠标用户改进了可用性。如果您在 label 元素内点击文本,就会触发此控件。就是说,当用户选择该标签时,浏览器就会自动将焦点转到和标签相关的表单控件上。

<label> 标签的 for 属性应当与相关元素的 id 属性相同。"for" 属性可把 label 绑定到另外一个元素。请把 "for" 属性的值设置为相关元素的 id 属性的值。

扩展资料:

<label>标签应用实例:

带有两个输入字段和相关标记的简单 HTML 表单:

<form>  <label for="male">Male</label>

<input type="radio" name="sex" id="male" />

<br />  <label for="female">Female</label>

<input type="radio" name="sex" id="female" />

</form>

参考资料来源:百度百科-html标签

<label> 标签为 input 元素定义标注(标记)。label 元素不会向用户呈现任何特殊效果。不过,它为鼠标用户改进了可用性。如果您在 label 元素内点击文本,就会触发此控件。就是说,当用户选择该标签时,浏览器就会自动将焦点转到和标签相关的表单控件上。<label> 标签的 for 属性应当与相关元素的 id 属性相同。实例带有两个输入字段和相关标记的简单 HTML 表单:<form> <label for="male">Male</label> <input type="radio" name="sex" id="male" />
<label for="female">Female</label> <input type="radio" name="sex" id="female" /></form>它最大最好的用途就在于:如果你只是想在界面呈现出来一些信息,而又不想让外界去操作,你给它赋什么值它就显示什么值,如果你不想让它显示信息的时候,就不给它赋值,操作起来很方便。例如:<asp:Label ID="Label4" runat="server" Font-Size="13px" Font-Bold="True"></asp:Label>在后台就可以通过用Label4.Text="你想赋的值"就可以很方便的去控制它。
喜欢阅读
  • 六宝当道:妈咪不好追

    六宝当道:妈咪不好追

    她五年受尽折磨,狼狈归来,只想安安稳稳的活着。没成想一转身又撞进他怀里,顾庭霄一把掐住她的下巴:“想逃?下辈子吧。”“放开我妈咪,否则我立马黑进你公司账户。”“放开我妈咪,不然我一针毒剂让你瘫痪。”“放开我妈咪,要么就死在我的暗器下。”“......”天降天才六宝,为其妈咪保驾护航。顾庭霄眼帘一眯:“一二三四五六都有了,就差个星期天,夫人补上...”

  • 重生悍妃:谁主沉浮

    重生悍妃:谁主沉浮

    经历几年地狱般的折磨,她才终于明白了一个道理。真心不一定可以换来实意。好心收养来的姐妹,将她当成垫脚石。她一心喜欢的男人,为了登上皇位,杀了她的父兄,让她顶着逆贼之名遭万人唾骂。她踏着自己的血肉,浴火重生,重新回到过去。此生她势必要擦亮双眼,看清人心,成为主宰生死的刀俎,保护父亲和兄长。谁知,妖孽邪王纠缠不休,将她宠在手心。谁敢欺她,来一个灭一个,来一双灭一双。看满负仇恨的她如果翻身做主,今生谁才是真正的主角!

  • 你的爱如星光

    你的爱如星光

    定好的试管婴儿,突然变成了要跟那个男人同床怀孕,一夜缠绵,她被折磨的浑身瘫软!慕少凌,慕家高高在上的继承人,沉稳矜贵,冷厉霸道,这世上的事,只有他不想办的,没有他办不到的!本以为生下孩子后跟他再无关系,岂料五年后,男人拖着两个萌宝强硬的把她壁咚在员工宿舍楼下,众目睽睽!慕先生在所有人面前高冷禁欲,却只她一人面前色胚流氓:“宝贝,你勾起了我的馋虫,让我吃上了瘾”“……”

  • 聚善堂异事

    聚善堂异事

    夜里救了一个女孩,可她却让我走进了殡仪馆.......

  • 至尊圣手

    至尊圣手

    重生为了云城第一大集团的上门女婿,成过街老鼠,人人鄙视,深感人生悲催之时,发现:自己是云城第一废物,第一纨绔……但让人羡慕的是,他有一个号称云城第一美人的老婆。原来,这是一个从搞定高冷老婆开始的人生……

  • 豪门女婿

    豪门女婿

    入赘做女婿,受尽屈辱,丈母娘和亲戚都瞧不起我,殊不知,我是超级富豪!

  • 狂豹绝兵

    狂豹绝兵

    十年前,他是被家族摒弃的落魄小子,十年后,他是经历生与死的雇佣兵王。重回都市的他,偶遇美女合租,果断租之,面对地头蛇的强扰,他勇斗杀手,狠斗土豪。这是一个群雄并起的时代,争霸都市,谁是盟友,谁是敌人?带着一腔热血和一帮热血青年,奋战在这枪林弹雨的都市中,绝世兵王,携众兄弟强势回归,整个世界都在他的脚下颤栗.

  • 全能天赋大宗师

    全能天赋大宗师

    华夏第一杀手陈寒意外穿越,成为萧家废物的女婿,偶获神级复制系统。“叮,复制成功,获得金品修炼天赋,喝水升级不是梦!”“叮,复制成功,获得金品气运天赋,走路都能捡神器!”“叮,复制成功,获得金品炼丹天赋,随手一炼还魂丹!”……复制、进化!你会的,我也会!还比你更强!

  • 猜你喜欢
  • label什么意思中文
  • label是什么牌子
  • label怎么读
  • black label系列
  • protein
  • blue label
  • remedy
  • proportion
  • appliance
  • logical
  • 热门推荐
  • 坐向朝向怎么看图解
  • mossy官网
  • 天籁之战费玉清上海滩
  • 喊一声我的三峡 刘和刚
  • 沈阳到呼伦贝尔物流
  • 华夏银行与爱钱进
  • python spice netlist
  • 1050ti玩尼尔机械纪元
  • 15款汉兰达档位图片
  • 斜面浮雕怎么调
  • scott自行车最贵多少钱
  • musiq soulchild
  • 188cm in feet
  • 搜狗添加自定义短语
  • sup me是什么意思?
  • nurhaq37
  • 雷霆悍将重伤离场
  • 卓大王贴纸素材
  • 土豆和鱿鱼能一起吃吗
  • 不灭龙帝txt全集下载云
  • All Right Reserved 飞奔空间