Thẻ Label trong HTML

• Trần Ngọc Thanh
• 141
• 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:

Thẻ Label trong HTML

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