資料結構
網路
關係型資料庫管理系統
作業系統
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 次瀏覽
廣告