Thẻ Label trong HTML

• Trần Thị Vân
• 1369
• 06/07/2025

Thẻ Label trong HTML được khai báo có nội dung đi cùng với một loại thẻ nào đó, có thể là thẻ input, textarea, select,..., chi tiết như nào hãy cùng chúng tôi phân tích:

Chức năng của Thẻ Label trong HTML

Thẻ Label trong HTML được khai báo có nội dung đi cùng với một loại thẻ nào đó, có thể là thẻ input, textarea, select,... nó cho biết đoạn chữ khai báo thuộc của thẻ nào.

Cú pháp của Thẻ Label trong HTML

<label for="giatri">chuthich</label>

chuthich: Chú thích cho thẻ liên kết.

giatri: Giá trị của thuộc tính for phải giống với giá trị của thuộc tính id trong thẻ liên kết (input, select, textarea).

Bao gồm thẻ mở <label> và thẻ đóng </label>.

Các loại thẻ kết hợp với thẻ <label>

Thẻ Label kết hợp với thẻ INPUT

  <label for="hoten">Họ tên:</label>
  <input type="text" id="hoten" name="txthoten">

Thuộc tính for sẽ có nội dung giống với id của thẻ input.

Chạy Thử

Thẻ Label kết hợp với thẻ SELECT

<label for="cars">Choose a car:</label>
<select name="namecars" id="cars">
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="mercedes">Mercedes</option>
  <option value="audi">Audi</option>
</select>

Chạy Thử

Thẻ Label kết hợp với thẻ TEXTAREA

<label for="ghichu">Ghi chú:</label>
<textarea id="ghichu" name="areaghichu" rows="4" cols="50">
Ghi chú
</textarea>

Chạy Thử

Lời kết

Cảm ơn các bạn đã tham khảo bài viết Thẻ Label trong HTML.