💡 Tôi đã chuẩn bị sẵn trình soạn thảo bên dưới bài viết. Bạn có thể thử nghiệm thoải mái!
Cập nhật: 2025年3月1日
Cơ bản về Form
📌
Kết luận
Form được tạo từ bộ ba <form> + <input> + <button>
📝 Mã thực tế tại đây
<form>
<input type="text" name="name" placeholder="Tên">
<button type="submit">Gửi</button>
</form>Vai trò của từng phần tử
| Phần tử | Vai trò |
|---|---|
<form> | Khung bao ngoài nhóm các ô nhập liệu |
<input> | Ô nhập văn bản |
<button type="submit"> | Nút bấm để gửi dữ liệu |
type của <input>, bạn có thể tạo ra nhiều loại ô nhập liệu khác nhau: text (văn bản), email (email), password (mật khẩu), number (số), v.v.
Tầm quan trọng của thuộc tính name
Thuộc tínhname sẽ trở thành "Khóa" (key) khi gửi dữ liệu. Máy chủ sẽ dựa vào giá trị của name để biết dữ liệu đó là gì.
Tổng kết
- Tạo form bằng cấu trúc<form> > <input> > <button>
- Thuộc tính name là khóa khi gửi dữ liệu
- Dùng type để thay đổi loại ô nhập liệu
Hãy thử trong phần bài tập
Hãy tạo một form có ô nhập tên và nút gửi nhé.🧪 Thử nghiệm tại đây
Bạn có thể viết mã thực tế vào trình soạn thảo bên dưới và xem ngay kết quả. Đừng sợ làm hỏng, bạn có thể thử lại bao nhiêu lần tùy thích.
■ Bài tập thực hành
Hãy tạo một form có ô nhập tên và nút gửi. Thuộc tính name của input phải là 'name'.
Gợi ý khi gặp khó khăn
Dùng form, input type="text" và button type="submit".