数据结构
网络
关系型数据库管理系统
操作系统
Java
MS Excel
iOS
HTML
CSS
Android
Python
C 语言编程
C++
C#
MongoDB
MySQL
Javascript
PHP
物理学
化学
生物学
数学
英语
经济学
心理学
社会学
时尚
法学HTML
<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>
现在，具有 stinfo 的输入类型文本将具有标签“学生”，因为我们已使用 for 设置标签 −
<label for="stinfo">Student:</label>
更新于: 16-9-2019
158 次浏览
广告