html的label标签

最新推荐文章于 2024-06-17 11:23:51 发布

听海边涛声

最新推荐文章于 2024-06-17 11:23:51 发布

阅读量153

点赞数 7

文章标签： html

本文链接：https://blog.csdn.net/panghuangang/article/details/138519731

版权

https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/label

HTML <label> 元素（标签）表示用户界面中某个元素的说明。

将一个 <label> 和一个 <input> 元素匹配在一起，你需要给 <input> 一个 id 属性。而 <label> 需要一个 for 属性，其值和的 id 一样。

另外，你也可以将 <input> 直接放在 <label> 里，此时则不需要 for 和 id 属性，因为关联已隐含在其中了。

示例：

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <label for="username">请输入用户名: </label><input type="text" id="username">
    <br>

    <label>
        请输入用户名：
        <input type="text">
    </label>
</body>

</html>