Thẻ <fieldset> trong HTML

Thẻ <fieldset> trong HTML

Tag <fieldset> được dùng để nhóm các thành phần bên trong <form> một cách hợp lý. Tag <fieldset> tạo đường bao ngoài bao quanh các thành phần trong <form>.

Sự khác nhau giữa HTML4.01 và HTML5

HTML4.01HTML5
-Trong HTML5 có một số thuộc tính mới.

Cấu trúc

Tag <fieldset> được viết bên trong <form>. Tag <fieldset> sử dụng kèm với các <legend> (là tag định nghĩa một chú thích cho <fieldset>).

<form>
<fieldset>
<legend>Dòng chú thích</legend>
Nội dung form
</fieldset>
</form>

Ví dụ

<form action="#">
<fieldset>
<legend>Thông tin cá nhân:</legend>
Họ tên: <input type="text" size="30" /><br />
Email: <input type="text" size="30" /><br />
Ngày sinh: <input type="text" size="10" />
</fieldset>
</form>

Kết quả:

Thông tin cá nhân:Họ tên:
Email:
Ngày sinh:

Trình duyệt hỗ trợ

39image-44

<fieldset> được hỗ trợ trong đa số các trình duyệt.

Thuộc tính

Cách sử dụng:

<fieldset thuoctinh="giatri"></fieldset>

Thuộc tính tùy chọn

Thuộc tínhGiá trịVí dụMô tả
Thuộc tính mới(Mới)
<="" td="">disableddisabled="disabled"Chỉ định vô hiệu fieldset.
formTên formform="formName"Xác định form nào được fieldset điều khiển.
nameGiá trịname="fieldName"Xác định tên cho một fieldset.

Tất cả thuộc tính tổng quát và thuộc tính sự kiện được xác định trên phần lớn các thành phần HTML5

Bình luận