Previous Lesson Next Lesson

Thẻ <form> trong HTML

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ả:

Trình duyệt hỗ trợ

39image-56

<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