Sơ lược về thẻ form và input để tạo một form nhập liệu hoàn chỉnh trong HTML.
Khi làm website bằng HTML, đặc biệt là sau này bạn học lên các ngôn ngữ server-side như PHP hay Python thì việc sử dụng form nhập liệu rất phổ biến như tạo form đăng nhập, form đăng dữ liệu lên website,…nên nếu có thể thì nên hiểu cách tạo một form nhập liệu bằng HTML ngay từ bây giờ.
Các thuộc tính trong thẻ <form>
:
action
: Đường dẫn đến một trang xử lý dữ liệu sau khi người dùng ấn nút gửi dữ liệu.method
: Phương thức gửi dữ liệu.name
: Tên của form.
Hiện tại nếu bạn đang học HTML thì không cần quan tâm đến ba thuộc tính trên vì nó thuộc thẩm quyền xử lý của các ngôn ngữ server-side, nhưng bạn chỉ cần nhớ khi tạo form thì nhớ khai báo các thuộc tính đó là được.
Các thuộc tính trong thẻ <input>
:
Thẻ này sẽ đại diện cho các trường nhập dữ liệu, mỗi thẻ là một trường nhập dữ liệu khác nhau. Tuy nhiên, kiểu nhập liệu của mỗi thẻ sẽ khác nhau dựa vào thuộc tính type
bên trong nó vì hiện tại HTML đang hỗ trợ đến 23 kiểu nhập liệu, tương ứng với 23 giá trị của thuộc tính type
.
Danh sách các giá trị của thuộc tính type
:
- button
- checkbox
- color
- date
- datetime
- datetime-local
- file
- hidden
- image
- month
- number
- password
- radio
- range
- reset
- search
- submit
- tel
- text
- time
- url
- week
Thay vì giải thích thì bạn nên tự tay thử từng loại để biết chức năng của nó là gì nhé, chỉ cần thay giá trị của thuộc tínhtype
tương ứng với danh sách trên thôi. Tuy nhiên, bạn sẽ sử dụng nhiều nhất là kiểu text
(trường nhập liệu dạng chữ và số), password
(trường nhập mật khẩu, nó sẽ tự mã hóa mật khẩu nhập vào bằng ký tự *),submit
(trường tạo nút gửi dữ liệu đi), textarea
(khung nhập liệu giống kiểu text nhưng bạn có thể viết xuống dòng).
Xem thêm về các thuộc tính của thẻ <input>
Qua bài tạo form nhập liệu, bây giờ bạn chỉ cần nhớ về cách tạo form trong HTML là được, còn khi nào quên thì có thể lên mạng tham khảo tại trang W3Schools nhé.
Website FAQ » Hỏi đáp thiết kế web » Hỏi đáp lập trình web » Học HTML » Hỏi đáp lập trình HTML
Hoi dap thiet ke web / Hoi dap lap trinh web / Hoi dap lap trinh PHP / Hoi dap lap trinh HTML / Hoi dap lap trinh CSS / Hoi dap lap trinh Javascript / Hoi dap lap trinh MySQL / Hoi dap SEO / Tai lieu thiet ke web / Tai lieu lap trinh web / Huong dan hoc HTML