Bài 27. Biểu mẫu trên trang web

1. Biểu mẫu trang web là gì?

• Là công cụ để người dùng nhập dữ liệu trên website
• Ví dụ: đăng nhập, đăng ký, tìm kiếm, khảo sát…

👉 Ghi nhớ nhanh:
Biểu mẫu = nơi người dùng nhập thông tin

---

🧩 2. Thẻ tạo biểu mẫu

• Dùng thẻ: <form> ... </form>

📌 Chức năng:

• Bao toàn bộ nội dung biểu mẫu
• Gửi dữ liệu về máy chủ

👉 Ghi nhớ:
Form = khung chứa toàn bộ biểu mẫu

---

🧱 3. Các thành phần trong biểu mẫu

a. Ô nhập văn bản

• <input type="text"> → nhập chữ
• <input type="password"> → nhập mật khẩu

👉 Nhớ:
text = chữ, password = ẩn

---

b. Nút chọn

• <input type="radio"> → chọn 1
• <input type="checkbox"> → chọn nhiều

👉 Nhớ nhanh:
radio = 1 lựa chọn, checkbox = nhiều lựa chọn

---

c. Danh sách chọn

• <select> <option> ... </option> </select>

👉 Dùng khi có nhiều lựa chọn (ví dụ: tỉnh, lớp…)

---

d. Nút bấm

• <input type="submit"> → gửi dữ liệu
• <input type="reset"> → xóa dữ liệu

👉 Nhớ:
submit = gửi, reset = xóa

---

⚙️ 4. Thuộc tính quan trọng của form

• action: nơi gửi dữ liệu
• method: cách gửi (GET hoặc POST)

👉 Ghi nhớ:

• GET → gửi đơn giản
• POST → bảo mật hơn

---

💡 5. Ví dụ đơn giản

<form>
  Họ tên: <input type="text"><br>
  Mật khẩu: <input type="password"><br>
  <input type="submit" value="Gửi">
</form>

---

🧠 6. Mẹo học nhanh – nhớ lâu

👉 Công thức nhớ:
Form = Khung → Input = Nhập → Submit = Gửi

👉 Sơ đồ tư duy:

• Form
• Input
• text
• password
• Lựa chọn 
• radio
• checkbox
• Nút 
• submit
• reset
  

🚀 7. Tóm tắt 1 dòng

👉 Biểu mẫu web giúp người dùng nhập và gửi dữ liệu thông qua thẻ <form> và các thành phần như input, button.