- Tham gia
- 28/02/2015
- Bài viết
- 16,989
- Được Like
- 12,732
Cách tạo form nhập liệu
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ờ.
Ở HTML, để tạo form chúng ta sẽ sử dụng cặp thẻ <form> </form>, thẻ này sẽ chứa một vài thuộc tính quan trọng và nội dung bên trong cặp thẻ đó là các thẻ <input> để khai báo các trường nhập liệu. Trước hết hãy xem qua mẫu một cái form đăng nhập bằng HTML dưới đây.
Kết quả:
Các thuộc tính trong thẻ <form>:
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:
Xem thêm về các thuộc tính của thẻ <input>
Chỉ vậy thôi, 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é.
Chúc các bạn thành công.
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ờ.
HTML:
<form action="#" method="post" name="dangnhap">
Tên đăng nhập: <input type="text" name="username" placeholder="Nhập username" /> <br />
Mật khẩu: <input type="password" name="password" placeholder="Nhập mật khẩu" /> <br />
<input type="submit" name="submit" value="Đăng nhập" />
</form>
Kết quả:
- 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.
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
Xem thêm về các thuộc tính của thẻ <input>
Chỉ vậy thôi, 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é.
Chúc các bạn thành công.
Nguồn: thachpham.com
Bài viết liên quan
Bài viết mới