Sử dụng thẻ <form> để lấy đầu vào, thêm các phần tử form: text input, checkbox, radio, submit...
Thẻ <input> với thuộc tính type giúp tạo nhiều loại control khác nhau.
Ví dụ: Form nhập thông tin sinh viên
<!DOCTYPE html>
<html>
<head>
<title>HTML Forms</title>
</head>
<body>
<p>Nhập thông tin của bạn:</p>
<form>
Tên:<br>
<input type="text" name="ten"><br>
Môn học:<br>
<input type="text" name="mon"><br>
Xếp hạng:<br>
<input type="text" name="xep_hang"><br>
</form>
</body>
</html>
Các loại type phổ biến của <input>:
| type | Mô tả |
|---|---|
| text | Ô nhập văn bản 1 dòng. |
| password | Ô nhập mật khẩu (ẩn ký tự). |
| Ô nhập email (validate tích hợp). | |
| number | Ô nhập số (có spinner). |
| checkbox | Hộp kiểm (chọn nhiều). |
| radio | Nút radio (chọn 1 trong nhóm). |
| date | Chọn ngày (calendar picker). |
| file | Chọn file upload. |
| submit | Nút gửi form. |
| reset | Nút làm lại form. |
| button | Nút thường (dùng cho JS). |
Thuộc tính quan trọng:
- name: Tên control, gửi kèm dữ liệu lên server.
- value: Giá trị mặc định.
- placeholder: Gợi ý (màu mờ).
- required: Bắt buộc nhập.
- maxlength / minlength: Giới hạn độ dài.