Web form 2.0 là một tính năng form mở rộng trong HTML4. Ngoài việc thừa hưởng những gì đã có, các phần tử và thuộc tính trong form HTML5 cung cấp các thẻ tối ưu hơn và loại bỏ đi một số thành phần không cần thiết.
Thẻ <input> trong HTML5
Thành phần input trong HTML4 sử dụng thuộc tính type để chỉ định kiểu dữ liệu. Tượng tự như vậy, trong HTML5, ngoài các kiểu dữ liệu đã được cung cấp sẵn từ HTML4, chúng ta còn được hỗ trợ thêm một số kiểu dữ liệu mới. Dưới đây là các kiểu dữ liệu mà giới thiệu về webform trong HTML 5 cung cấp.
Kiểu dữ liệu - Mô tả
- datetime: ngày, tháng, năm, thời gian được mã hóa bằng ISO 8601 với time zone khởi tạo theo UTC.
- datetime-local: tương tự như datetime nhưng không có timezone.
- date: một ngày(bao gồm năm,tháng,ngày)
- month: một tháng(bao gồm năm,tháng)
- week: một tuần(bao gồm năm,số tuần)
- time: khoảng thời gian(bao gồm giờ,phút,giây,tíc tắc)
- number: chỉ chấp nhận giá trị nhập vào là số.
- email: chỉ chấp nhận email.
- url: chỉ chấp nhận đường dẫn url.
Thẻ <output> trong HTML5
Thẻ này sử dụng tương tự như thẻ <input>. Tuy nhiên thay vì nhập giá trị vào thì nó được sử dụng để show ra giá trị.
Thuộc tính pleaceholder
<input type="text" name="myvalue" placeholder="đoạn chữ này sẽ hiển thị bên trong thẻ input"/>
Thuộc tính này có thể được sử dụng với thẻ <input> hoặc <textarea>. Nó cho phép thẻ chứa một đoạn text ẩn bên trong mà khi người dùng nhập vào một đoạn text bất kỳ, đoạn text ẩn kia sẽ biến mất.
Thuộc tính autofocus
<input type="text" name="myvalue" autofocus/>
Thay vì như trước đây chúng ta phải sử dụng các script như js hoặc vbscript để focus một phần tử trong form thì nay đã có thuộc tính autofocus.
Thuộc tính required
<input type="text" name="search" required/>
Đúng như tên gọi, thuộc tính này sẽ không cho phép người dùng submit một form khi mà thẻ input chứa nó chưa được điền thông tin.
Bài viết được sưu tầm bởi: phụ kiện nhựa tiền phong| phụ kiện mạ kẽm
0 nhận xét:
Đăng nhận xét