为了账号安全,请及时绑定邮箱和手机立即绑定

<label>个人简介:</label> 为什么要加个<label>...</label>?

<label>个人简介:</label>   为什么要加个<label>...</label>?     和直接写  个人简介  有什么区别??

正在回答

6 回答

<label> 标签为 input 元素定义标注(标记)。

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

简单的说大概这就是一个规范,你这里加入的后面应该是一个文本框的了,然后效果大概就是

http://img1.sycdn.imooc.com//5719e0d20001eb0703410048.jpg

加了的话,点击文字和点击文本框是一样的效果的了(触发了文本框控件)

其他的像是勾选框之类的也是一样的

当然你不加也是可以的,但就是没有了这个功能了

1 回复 有任何疑惑可以回复我~
#1

RoughColorText

当然<label>也是一个标签CSS选择器吧,加了的话可以方便一些设置CSS样式
2016-04-22 回复 有任何疑惑可以回复我~
#2

戀仩沵嘸葾 提问者

非常感谢!回答到点子上了!
2016-04-22 回复 有任何疑惑可以回复我~
#3

戀仩沵嘸葾 提问者 回复 RoughColorText

恩恩 谢谢了!能解决我的困惑,不胜感激!
2016-04-22 回复 有任何疑惑可以回复我~
#4

遗忘的梦之峰

我想问下,我用慕课网上的代码加上<label>后,点击前面的字,为什么不会像您那样,能够在文本框中输入啊?这是为什么?
2016-04-24 回复 有任何疑惑可以回复我~
#5

戀仩沵嘸葾 提问者 回复 遗忘的梦之峰

你吧input标签 整个的放入 <label></label>中间。 也就是 <label>姓名:<input type="text" ></label> 这样再点击姓名的时候 焦点就会自动聚焦在input输入框中了。
2016-10-21 回复 有任何疑惑可以回复我~
查看2条回复

为什么我没有所谓出发控件的反应,只是加label前,鼠标显示的是I,不加显示的是箭头

0 回复 有任何疑惑可以回复我~

<>...</>又开始就有结束

0 回复 有任何疑惑可以回复我~
#1

戀仩沵嘸葾 提问者

哈哈 大实话
2016-04-22 回复 有任何疑惑可以回复我~

它可以设置标签关联。

举个例子来说一下这样写的方便之处:

<label for="information">个人简介</label><br />

<textarea cols="20" rows="20" id="information" name="infor">这里填写你的个人简介</taxtarea>

当你这样写的时候就把个人简介的标签和填写个人简介的多行文本输入框结合在一起,鼠标点击个人简介的时候,焦点就会移动到<textarea>,然后直接输入即可,很方便。也做到了web的语义化。(注意:label的for属性和相关联的id属性要一致,这里面都是"information")

http://img1.sycdn.imooc.com//5719e4ad00014e0d13660736.jpg

这样子可能还不太明显,再换一个例子:

<label >性别:</label><br />

<input type="radio"  id="mail" name="nan" value="男"></input>

<label for="mail">男</label><br />

<input type="radio"  id="famail" name="nan" value="男"></input>

<label for="famail">女</label><br />

无论是点击label里面的文字还是选中那个小圆点点都可以选择,方便很多。

http://img1.sycdn.imooc.com//5719e6800001c19a13660736.jpg

1 回复 有任何疑惑可以回复我~
#1

戀仩沵嘸葾 提问者

非常感谢你!!第一段还可以看懂,但是第二个举例里的“radio”id 和"mail"name 就不太懂了。 这些东西不知道在哪才能学到。 我是初学者,本来学机械的,能不能推荐一个好的关于HTML的书 或者是视频。 再次感谢你热情的帮助!!
2016-04-22 回复 有任何疑惑可以回复我~
#2

戀仩沵嘸葾 提问者

<input type="radio" id="mail" name="nan" value="男"></input> 不是应该写成<input type="radio" id="mail" name="nan" value="" /> 吗? 刚刚我问的那个“radio” id 和"mail"name 我搞明白了。。。之前没理解到位。。。
2016-04-22 回复 有任何疑惑可以回复我~

能利用CSS设置样式

0 回复 有任何疑惑可以回复我~
#1

戀仩沵嘸葾 提问者

还没有学习css呢
2016-04-22 回复 有任何疑惑可以回复我~

web语义化,使其更有意义,比如和<form>一起用的时候就可以很好的对应起来

0 回复 有任何疑惑可以回复我~
#1

戀仩沵嘸葾 提问者

<form method="post" action="save.php"> 账户: <input type="text" name="myname"/> <br> 密码: <input type="password" name="pass"/> </form> 这个为什么没有用<label>标签??
2016-04-22 回复 有任何疑惑可以回复我~
#2

RoughColorText 回复 戀仩沵嘸葾 提问者

你试试在点击"账户"两个字,然后再试试加了<label>的再点击"账户",效果你应该能体现出来的了
2016-04-22 回复 有任何疑惑可以回复我~
#3

戀仩沵嘸葾 提问者 回复 RoughColorText

刚刚试过了 ,确实是那样的!
2016-04-22 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

<label>个人简介:</label> 为什么要加个<label>...</label>?

我要回答 关注问题
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号