HTML label for 属性

<label> 元素的 for 属性用于设置带有标签的元素。

语法

以下是语法 −

<label for="id">

以上，id 是关联元素的 id。

示例

现在让我们看一个实现 <label> 元素 for 属性的示例 −

<!DOCTYPE html>
<html>
<body>
<h2>Last Semester Results</h2>
<form>
<fieldset>
<legend>Result</legend>
<label for="stinfo">Student:</label>
<input type="text" id ="stinfo" value="Jack"><br>
<label for="sub">Subject:</label>
<input type="text" value="Maths"><br>
<label for="rank">Rank:</label>
<input type="number" value="8"><br>
</fieldset>
</form>
</body>
</html>

输出

这将产生以下输出 −

在上面的例子中，我们有一个包含一些字段的表单 −

<form>
<fieldset>
<legend>Result</legend>
<label for="stinfo">Student:</label>
<input type="text" id ="stinfo" value="Jack"><br>
<label for="sub">Subject:</label>
<input type="text" value="Maths"><br>
<label for="rank">Rank:</label>
<input type="number" value="8"><br>
</fieldset>
</form>

我们已经使用 <label> 元素的 for 属性为字段设置了标签，例如 −

<label for="stinfo">Student:</label>
<input type="text" id ="stinfo" value="Jack><br>

现在，输入类型为 text 的 stinfo 将具有标签"Student"，因为我们已经为其设置了标签 for −

<label for="stinfo">Student:</label>

相关文章

• HTML DOM 输入按钮对象
• HTML 画布 shadowBlur 属性
• HTML DOM address 对象
• HTML 画布 shadowColor 属性
• 使用 onmouseover 属性更改网页背景颜色
• HTML 画布 fillStyle 属性
• HTML frame 框架标签
• HTML Canvas clearRect() 方法
• HTML body 标签
• HTML optgroup 标签

有用资源

• html 参考教程 - 该教程包含有关 html 的更多信息:https://www.cainiaomax.com/html/