Thẻ <form> trong HTML
- Thẻ
<form>được dùng để tạo một "biểu mẫu" HTML cho người dùng. - Thẻ
<form>được dùng để truyền dữ liệu lên máy chủ. - Tag
<form>không nên dùng để điều khiển layout.
Sự khác nhau giữa HTML4.01 và HTML5
| HTML4.01 | HTML5 |
|---|---|
| - | Trong HTML5 có một số thuộc tính mới. |
Cấu trúc
Trong <form> bắt buộc phải có tham số action.
<form action=""></form>
Một <form> có thể chứa thành phần <input /> như trường text, checkbox, radio-button, button submit,... Một <form> cũng có thể chứa thành phần <select>, <textarea>, <fieldset>, <legend> và <label>. Bên trong form cũng có thể chứa các tag khác.
Ví dụ
<form action="#"> <ul> <li>Họ tên: <input type="text" size="30" /></li> <li>Email: <input type="text" size="30" /></li> <li>Ngày sinh: <input type="text" size="10" /></li> </ul> <p><input type="submit" value="Gửi" /></p> </form>
Kết quả:
- Họ tên:
- Email:
- Ngày sinh:
Trình duyệt hỗ trợ
<form> được hỗ trợ trong đa số các trình duyệt.
Thuộc tính
Cách sử dụng:
<form thuoctinh="giatri"></form>
Thuộc tính bắt buộc.
| Thuộc tính | Giá trị | Ví dụ | Mô tả |
|---|---|---|---|
| action | URL | action="confirm.php" | Link cụ thể nơi cần gửi dữ liệu form khi được submit (button submit). Không được hỗ trợ trong DTD Frameset. |
Thuộc tính tùy chọn.
| Thuộc tính | Giá trị | Ví dụ | Mô tả |
|---|---|---|---|
| Thuộc tính mới(Mới) | |||
| autocomplete | on off | autocomplete="on" | Xác định một form có kích hoạt tự động hay không. |
| novalidate | novalidate | novalidate=" novalidate" | Không xác nhận giá trị khi submit. |
| Thuộc tính như HTML4.01 | |||
| accept-charset | charset | accept-charset="ISO-8859-1" | Chỉ định cụ thể bộ dữ liệu (character-sets) mà máy chủ có thể xử lý cho form dữ liệu. |
| enctype | application/ x-www-form- urlencoded multipart/ form-data text/plain | enctype="text/plain" | Chỉ định cụ thể dạng dữ liệu gì trước khi gửi lên máy chủ. |
| method | get post | method="post" | Chỉ định cụ thể gửi dữ liệu bằng phương thức gì. |
| name | name | name="login" | Chỉ định tên cho form. |
| target | _blank _self _parent _top framename | target="_blank" | Chỉ định nơi để mở các link khi action |
| Thuộc tính không hỗ trợ trong HTML5 | |||
| accept | kiểu MIME | accept="image/gif" | Không hỗ trợ trong HTML5. |
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
