900字范文,内容丰富有趣,生活中的好帮手!
900字范文 > label标签for属性的使用

label标签for属性的使用

时间:2022-07-25 16:26:34

相关推荐

label标签for属性的使用

<label>是我们经常是用到的标签,一般用在<input>标签之前,用来指示该输入框需要的信息。但<label>标签还有个for属性,可以关联<input>的id属性。那for属性究竟是用来干什么的呢,我们来看看下面的场景:

我们常常看到在有些网页上面,要往一个<input>里面输入内容,我们可以点击这个<input>让其获得焦点,也可以点击前面的<label>让<input>获得焦点。而for属性就是用来建立<label>和<input>之间这种关联关系的。

用for属性建立的关联称为显示关联,还可以让<label>标签包含<input>,建立隐式关联。

<html><body>用for属性建立显式的关联:<labelfor="name">姓名:</label><inputtype="text"id="name"/><br/>让label包含input建立隐式的关联:<label>性别:<inputtype="text"id="gender"/></label></body></html>

在上面点击“姓名”或者“性别”标签都可以让相应的<input>获得输入焦点。

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。