Elemen bentuk baharu HTML5

Bab ini memperkenalkan elemen bentuk baharu berikut:

•datalist
•keygen
•output

Sokongan penyemak imbas


Jenis input IE Firefox Opera Chrome Safari


datalist No 9.5 No

keygen 10.5 3.0 No

output No 9.5 No No


elemen datalist
elemen datalist menentukan senarai pilihan untuk medan input.
Senarai dibuat melalui elemen pilihan dalam senarai data.
Jika anda perlu mengikat senarai data ke medan input, sila gunakan atribut senarai medan input untuk merujuk id senarai data:
Kod adalah seperti berikut:

Laman web : <input type="url" list="url_list" name="link" />
<datalist id="url_list"> label pilihan="W3School" value="http ://www.W3School.com.cn" />
<label pilihan="Google" value="http://www.google.com" /> ;
<option label=" Microsoft" value="http://www.microsoft.com" />
</datalist> Elemen pilihan mesti sentiasa menetapkan atribut nilai.

elemen keygen Peranan elemen keygen adalah untuk menyediakan cara yang boleh dipercayai untuk mengesahkan pengguna. Elemen

keygen ialah penjana pasangan kunci. Apabila borang diserahkan, dua kunci dijana, kunci persendirian dan kunci awam.

Kunci peribadi disimpan pada klien, dan kunci awam dihantar ke pelayan. Kunci awam boleh digunakan kemudian untuk mengesahkan sijil pelanggan pengguna.
Pada masa ini, sokongan penyemak imbas untuk elemen ini cukup lemah untuk menjadikannya standard keselamatan yang berguna. Kodnya adalah seperti berikut:

<form action="demo_form.asp" method="get">
Nama pengguna: <input type="text" name="usr_name" /> ;keygen name="security" />
<input type="submit" />
</form>
elemen keluaran

Elemen output digunakan untuk jenis output yang berbeza, seperti pengiraan atau output skrip: Kodnya ialah seperti berikut:

<output id="result" onforminput="resCalc()"></output>

Contoh:

<!doctype html>
<html>
    <head> 
    <meta charset="utf-8"> 
    <title>php.cn</title> 
    </head>
    
<body>
   <form action="demo_keygen.php" method="get">
       用户名: <input type="text" name="usr_name">
      加密: <keygen name="security">
      <input type="submit">
    </form>
</body>
</html>
rrree

Meneruskan pembelajaran
||
<!doctype html> <html> <head>  <meta charset="utf-8">  <title>php.cn</title>  </head> <body> <p>浏览器版本:<input list="words"></p> <datalist id="words"> <option value="Internet Explorer"> <option value="Firefox"> <option value="Chrome"> <option value="Opera"> <option value="Safari"> <option value="Sogou"> <option value="Maxthon"> </datalist> </body> </html>
  • Cadangan kursus
  • Muat turun perisian kursus
Tentang kita Penafian Sitemap
Laman web PHP Cina:Latihan PHP dalam talian kebajikan awam,Bantu pelajar PHP berkembang dengan cepat!