Phần tử Fieldset và Legend trong Form Html

Phần từ Fieldset và phần tử Legend

Tiếp theo phần tạo Form đăng ký bằng Html cơ bản. Nếu ở bài trước chúng ta đã tìm hiểu về ông trùm đó là phần tử Form với 2 thuộc tính cần nhớ là action và method

Thì trong bài này chúng ta sẽ tìm hiểu 2 thằng đệ của Phần tử Form, giúp phần tử Form thêm gọn gàn và đẹp và dễ nhìn. Đó chính là phần từ fieldsetphần từ legend

Phần tủ fieldset và phần tử legend
Phần tủ fieldset và phần tử legend

1.  Phần tử fieldset

Đây là thằng giúp Form tạo ra 1 cái khung bao bọc các nội dung bên trong phần tử Form. Tất nhiên để có thể bao bộc được các thằng đệ khác thuộc Form thì vị trí của nó phải lớn

Nên chỉ đứng sao ông trùm Form thui

<form action=’’…” method=”” >

<fieldset>

………

………

</fieldset>

</form>

Dể nhớ được tên thẻ, thì tùy trí nhớ chúng ta. Nhưng để dễ nhớ thì ta thất fieldset= field+set

  • Với field là vùng đất
  • Với set là thiết lập

Nên ta nhớ dưới Form có một phần tử dùng để thiết lập vùng cho Form đó là Fieldset

Tất nhiên mõi người mõi cách và mõi khả năng, đây chỉ là cách để bạn liên tưởng đến nó nếu bạn thấy khó nhớ thui.

Xem thêm:  Tạo menu Html và các bước cần quan tâm

2. Phần tử Legend

Vùng đất nào cũng phải cho nó 1 cái tên, cái tên làm nên 1 huyền thoai. Và phần tử tạo Nên tên gọi cho vùng đất đó chính là legend (huyền thoại)

Phần tử legend là phần tử kết hợp với fieldset để tạo một cái tên có hình thức ấn tượng cho form của bạn

Phần tử legend nó chỉ có tác dụng chứa đoạn văn bẳn được chọn làm tên gọi cho Form. Nó không chứa các phần tử khác trong Form như fieldset

<form action=’’…” method=”” >

<fieldset>

<legend> Bản nhập liệu </legend>

………

………

</fieldset>

</form>

Chú ý:

Đây là hai phần tử không bắt buộc dùng. Nhưng với nó khung nhập liệu sẽ gọn gàng, dễ nhìn hơn. Tất nhiên nếu thích bạn có thể tự thêm thuộc tính css để trang trí Form mà không cần dùng đển 2 phần tử nay.

Khi đã sử dụng fieldset thì đừng quên legend. Đây là cập bài trùng, đã dùng thì dùng cả cập đã không thì bỏ qua hết cho khỏe. Vì đi lẻ chúng chẳng khác gì thể div thẻ p.

Hi vọng bài viết hữu ích với bạn! Hãy để lại góp ý bằng bình luận bên dưới ạ!

 

Thuộc tính Type của phần tử Input trong Form
Tthuộc tính Type của phần từ Input trong Form Html cơ bản

Chúng ta đã nói về phần tử input, chúng ta cũng biết type là thuộc tính của phần từ input. Nó quy Chi tiết

Thuộc tính trong HTML là gì? Điều cần biết về thuộc tính trong Html
Thuộc tính trong HTML

Chúng ta biết cấu trúc Html được tạo thành bởi các phần tử Html. Mỗi phần tử Htlm lại có Chi tiết

Tạo menu Html và các bước cần quan tâm
Tạo menu Html và cá bước cần quan tâm

Chúng ta sẽ đi vào việc tạo menu Html cơ bản thông qua các phần tử html và các bước Chi tiết

Tạo Form đăng ký: Phần tử input người tiếp nhận hồ sơ
Phần tử Input trong Form Html cơ bản

Form nhập liệu thì ắt phải có dữ liệu được nhập vào. Vậy dữ liệu được nhập vào tại đâu? Chi tiết