HTML Form dùng để thu thập dữ liệu từ người truy cập website. Ví dụ: thu thập thông tin sinh viên (tên, tuổi, địa chỉ, điểm...) khi đăng ký trên website trường học.
Form nhận dữ liệu từ người dùng và gửi (post) đến ứng dụng backend (CGI, ASP, PHP, Node.js...). Backend xử lý dữ liệu dựa trên logic nghiệp vụ.
Thẻ <form> tạo form trong HTML.
Các thuộc tính của Form
| Thuộc tính | Mô tả |
|---|---|
| action | URL script backend xử lý dữ liệu. |
| method | Phương thức gửi: GET hoặc POST (phổ biến nhất). |
| target | Cửa sổ/frame hiển thị kết quả: _self, _blank, _parent. |
| enctype | Cách encode dữ liệu trước khi gửi:
|
Các điều khiển Form (Form Controls)
Các loại control thu thập dữ liệu: text input, checkbox, radio, file select, submit button, v.v.
Ví dụ đơn giản
<!DOCTYPE html>
<html>
<head>
<title>HTML Forms</title>
</head>
<body>
<form action="/xu-ly.php" method="post">
Tên: <input type="text" name="ten" /><br>
Môn: <input type="text" name="mon" /><br>
<input type="submit" value="Gửi">
</form>
</body>
</html>
Các thuộc tính của <input>:
| Thuộc tính | Mô tả |
|---|---|
| type | Loại control (text, password, checkbox...). |
| name | Tên control (gửi lên server). |
| value | Giá trị ban đầu. |
| size | Chiều rộng (số ký tự). |
| maxlength | Số ký tự tối đa cho phép. |