Các Thành phần Biểu mẫu mới trong HTML5 - Nồng Kim

HTML5 giới thiệu một số yếu tố hình thức mới với khả năng mới. Một tập hợp con đáng chú ý của các phần tử hình thức được thiết kế để cho phép một chương trình sửa đổi một phần của trang một cách năng động.

Đây là các phần tử biểu mẫu mới và bạn có thể làm gì với chúng:

• datalist cho phép bạn đính kèm một danh sách các đề xuất cho một phần tử nhập văn bản. Ngay khi người dùng bắt đầu nhập trường văn bản, danh sách đề xuất sẽ xuất hiện và người dùng có thể chọn từ các đề xuất bằng chuột. Mã mẫu cho trường tên:

  Tên của bạn
  

  Opera hiện là trình duyệt duy nhất hỗ trợ phần tử này, mặc dù bạn có thể sử dụng phần tử bên trong đối tượng datalist để có được các trình duyệt không hỗ trợ để hiển thị mã của bạn.

• mét cho biết một giá trị số nằm trong một dải. Thẻ hỗ trợ một số thuộc tính:

  • giá trị : Nếu bạn không chỉ định một giá trị, giá trị số đầu tiên bên trong cặp sẽ trở thành giá trị.

  • tối đa : Giá trị tối đa có thể của vật phẩm.

  • min : Giá trị tối thiểu có thể của vật phẩm.

  • cao : Nếu giá trị có thể được định nghĩa như một dãy, đây là điểm cao của dãy.

  • thấp : Nếu giá trị có thể được định nghĩa như một dãy, đây là mức thấp cuối của dải đó.

  • tối ưu : Giá trị tối ưu của phần tử.

  Giá trị, cao, thấp và giá trị tối ưu phải nằm trong khoảng từ phút đến tối đa.

  Lưu ý rằng phần tử đo được sử dụng để output một phần tử số. Sử dụng cho đầu vào số trong một phạm vi.

  Đây là mã cho một phạm vi đo đơn giản:

  A
  

• đầu ra là để hiển thị đầu ra văn bản. Nó cho thấy một phần của trang có thể được sửa đổi bởi một kịch bản (thường là JavaScript). Trong đoạn mã này:

  Đây là giá trị ban đầu thay đổi đầu ra
  

  Khi nút được nhấn, nó sẽ gọi hàm changeOutput () JavaScript, có thể như sau:

  function changeOutput () {var myOutput = tài liệu. getElementById ("myOutput"); myOutput. value = "Giá trị đã thay đổi";} // end changeOutput
  

  Khi hàm này chạy, nó thay đổi nội dung của myOutput.

  Phần tử đầu ra hiện chỉ được hỗ trợ bởi Opera. Cho đến khi sử dụng phần tử này trở nên phổ biến hơn, bạn có thể sử dụng thuộc tính innerHTML của bất kỳ phần tử trang nào để thay đổi nội dung của nó theo cách động.

• cho biết số lượng công việc đã hoàn thành (thường được đánh dấu bằng một phần trăm). Nó dự kiến ​​sẽ được sửa đổi thông qua mã JavaScript. Mã HTML5 có thể trông giống như sau:

  Bây giờ phá hủy thế giới. 
  tiến độ:
  

  Hầu hết các trình duyệt đều cho biết tiến trình dưới dạng văn bản thuần túy nhưng có thể giả sử một số loại đo thị giác có thể trở nên khả dụng.

HTML5 hiện tại cũng bao gồm một phần tử keygen tạo ra một khoá mã hóa để truyền dữ liệu được mã hoá tới máy chủ. Nó có một tham số sau:

• keytype : Chỉ định kiểu mã hóa. (rsa là tiêu chuẩn)

• thách thức : Một chuỗi thông qua cùng với khóa công khai. Tuy nhiên, một số chuyên gia bảo mật cho rằng cơ chế mã hoá đã lỗi thời, và việc sử dụng công cụ này đòi hỏi phải có kiến ​​thức về mã hóa mà một số ít các nhà phát triển Web sở hữu. Phần tử này hiện không được hỗ trợ trong bất kỳ trình duyệt nào, và nó có thể không trở thành một phần của tiêu chuẩn.