Bài 10: Form trong HTML
Cập nhật lần cuối vào ngày 24/11/2024
Form ở đây là một dạng biểu mẫu có tác dụng thu thập thông tin từ người dùng. Ví dụ như form đăng ký, đăng nhập, liên hệ,…
Trong bài này có
Cấu trúc
- Một form bao gồm 1 thẻ mở(
<form>
) và thẻ đóng(</form>
) kèm với các thẻ input bên trong nó. - Các thuộc tính nằm trong thẻ mở của 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(get,post).
- name: Tên của form.
- enctype: Chỉ định cụ thể dạng dữ liệu gì trước khi gửi lên máy chủ(application/ x-www-form-urlencoded,multipart/form-data,text/plain).
- …
Input và các thuộc tính trong form
Input là gì?
- 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ó.
Thuộc tính type.
- Thuộc tính type quy định kiểu dữ liêu nhập vào bên trong.
- 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
Các thuộc tính khác.
- value : Xác định giá trị đầu tiên của form.
- name : Xác định tên cho trường được gửi tới Server để xác định và nhận giá trị đó.
- maxlength : Xác định số ký tự nhập vào tối đa.
Bình luận