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>
展示效果: