Thứ Tư, 25 tháng 12, 2013
HTML5 Mẫu yếu tố
HTML5 mới Mẫu yếu tố
HTML5 có các yếu tố hình thức mới như sau:
- <datalist>
- <keygen>
- <output>
Lưu ý: Không phải tất cả các trình duyệt hỗ trợ tất cả các yếu tố hình thức mới. Tuy nhiên, bạn đã có thể bắt đầu sử dụng chúng; Nếu họ không được hỗ trợ, họ sẽ hành xử như lĩnh vực văn bản thông thường.
HTML5 <datalist> tử
Các yếu tố <datalist> xác định một danh sách các tùy chọn được xác định trước cho một thành phần <input>.
Các yếu tố <datalist> được sử dụng để cung cấp một "tự động hoàn chỉnh" tính năng trên các yếu tố <input>. Người dùng sẽ thấy một danh sách thả xuống của tùy chọn được xác định trước khi họ dữ liệu đầu vào.
Sử dụng danh sách thuộc tính các yếu tố <input> để ràng buộc nó với một yếu tố <datalist>.
Ví dụ
Một yếu tố <input> với các giá trị được xác định trước trong một <datalist>:
<input list="browsers">
<datalist id="browsers">
<option value="Internet Explorer">
<option value="Firefox">
<option value="Chrome">
<option value="Opera">
<option value="Safari">
</datalist>
<datalist id="browsers">
<option value="Internet Explorer">
<option value="Firefox">
<option value="Chrome">
<option value="Opera">
<option value="Safari">
</datalist>
Thử nó cho mình »
HTML5 <keygen> tử
Mục đích của các yếu tố <keygen> là để cung cấp một cách an toàn để xác thực người dùng.
Thẻ <keygen> quy định cụ thể một lĩnh vực máy phát điện cặp khóa trong một hình thức.
Khi mẫu được gửi, hai phím được tạo ra, một cá nhân và một công cộng.
Khóa riêng được lưu trữ tại địa phương, và các khóa công khai được gửi đến máy chủ. Khóa công khai có thể được sử dụng để tạo ra một chứng chỉ khách hàng để xác thực người dùng trong tương lai.
Ví dụ
Một hình thức với một lĩnh vực keygen:
<form action="demo_keygen.asp" method="get">
Username: <input type="text" name="usr_name">
Encryption: <keygen name="security">
<input type="submit">
</form>
Username: <input type="text" name="usr_name">
Encryption: <keygen name="security">
<input type="submit">
</form>
Thử nó cho mình »
HTML5 <output> tử
Các yếu tố <output> đại diện cho kết quả của một phép tính (như một thực hiện bởi một kịch bản).
Ví dụ
Thực hiện tính toán và hiển thị kết quả trong một yếu tố <output>:
<form oninput="x.value=parseInt(a.value)+parseInt(b.value)">0
<input type="range" id="a" value="50">100 +
<input type="number" id="b" value="50">=
<output name="x" for="a b"></output>
</form>
<input type="range" id="a" value="50">100 +
<input type="number" id="b" value="50">=
<output name="x" for="a b"></output>
</form>
Thử nó cho mình »
Đăng ký:
Đăng Nhận xét (Atom)
Không có nhận xét nào:
Đăng nhận xét