<label>标签for属性的使用

发布时间:2020-07-17 06:53:42 作者:Packy1014
来源:网络 阅读:774

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

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

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

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

<label>标签for属性的使用

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

推荐阅读:
  1. <label>和input标签
  2. HTML的<br/>标签和<hr/>标签

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

标签 for 属性

上一篇:django实现分页(pure-pagination)

下一篇:Snackbar位置显示的一点小问题

相关阅读

您好,登录后才能下订单哦!

密码登录
登录注册
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》