Computer >> Máy Tính >  >> Lập trình >> HTML

HTML

Thuộc tính for của phần tử

Cú pháp

Sau đây là cú pháp - 

<label for="id">

Ở trên, id là id phần tử được liên kết.

Ví dụ

Bây giờ chúng ta hãy xem một ví dụ để triển khai thuộc tính for của phần tử 

<!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>

Đầu ra

Điều này sẽ tạo ra kết quả sau -

HTML label cho thuộc tính

Trong ví dụ trên, chúng ta có một biểu mẫu với một số trường - 

<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>

Chúng tôi đã đặt nhãn cho trường bằng cách sử dụng thuộc tính for của phần tử 

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

Bây giờ, văn bản loại đầu vào là stinfo sẽ có nhãn “Sinh viên” vì chúng tôi đã đặt nó với nhãn cho - 

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