Elemen bentuk baharu HTML5

elemen bentuk baharu HTML5

Izinkan saya bercakap tentang perkara baharu dahulu:

HTML5 mempunyai elemen bentuk baharu berikut:

< datalist>

<keygen>

<output>

Nota: Tidak semua penyemak imbas menyokong elemen borang HTML5 baharu, tetapi anda boleh menggunakannya, Walaupun penyemak imbas tidak menyokong atribut bentuk, ia masih boleh dipaparkan sebagai elemen bentuk biasa.

Seterusnya kami akan memperkenalkan satu persatu:

elemen <datalist> HTML5

<peraturan elemen datalist> Senarai pilihan untuk domain input. Atribut

<datalist> menentukan bahawa medan borang atau input harus mempunyai fungsi autolengkap. Apabila pengguna mula menaip dalam medan autolengkap, penyemak imbas harus memaparkan pilihan yang diisi dalam medan itu:

Ikat elemen <datalist> menggunakan atribut senarai elemen <input> >

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
</head>
<body>
<form action="demo-form.php" method="get">
<input list="phone" name="phone">
<datalist id="phone">
  <option value="huawei">
  <option value="oppo">
  <option value="vivo">
  <option value="iphone">
  <option value="sony">
</datalist>
<input type="submit">
</form>
<p><strong>注意:</strong> Internet Explorer 9(更早IE版本),Safari不支持 datalist 标签。</p>
</body>
</html>

Elemen HTML5 <keygen> Peranan elemen

<keygen> Teg

<keygen> menentukan medan penjana pasangan kunci untuk digunakan dalam borang.

Apabila borang diserahkan, dua kunci akan dijana, satu kunci persendirian dan satu lagi kunci awam.

Kunci peribadi disimpan pada klien, dan kunci awam dihantar ke pelayan. Kunci awam boleh digunakan kemudian untuk mengesahkan sijil pelanggan pengguna.

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8">  
</head>
<body>
<form action="demo_keygen.php" method="get">
  用户名: <input type="text" name="usr_name">
  加密: <keygen name="security">
  <input type="submit">
</form>
<p><strong>注意:</strong> Internet Explorer 不支持 keygen 标签。</p>
</body>
</html>

Perihalan nilai atribut

Autofokus dilumpuhkan menjadikan medan keygen memfokus apabila halaman dimuatkan.

Cabaran Cabaran Jika ia digunakan, tetapkan nilai keygen untuk ditanya semasa menghantar.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         .

Nama Borang Borang Tentukan satu atau lebih bentuk medan keygen.                                                                                                                                                                                                                                                                                                                                                                                      rsa menjana kunci RSA.

nama Fieldname mentakrifkan satu-satunya nama elemen keygen.

                                                                                                                                                                                                                                                                                                                                                                                                                      Atribut nama digunakan untuk mengumpulkan nilai medan semasa menyerahkan borang.

elemen HTML5 <output>

<output> elemen digunakan untuk jenis output yang berbeza, seperti pengiraan atau output skrip:

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8">  
</head>
<body>
<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>
<p><strong>注意:</strong>  Internet Explorer 不支持 output 标签。</p>
</body>
</html>
baharu : Atribut baharu dalam HTML5. Atribut                                                                                                                                                                                                                           Satu atau lebih elemen berkaitan domain.

Borang Form_id Tentukan satu atau lebih bentuk medan input.

nama                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              . (Digunakan semasa menghantar borang)

Meneruskan pembelajaran
||
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> </head> <body> <form action="demo-form.php" method="get"> <input list="phone" name="phone"> <datalist id="phone"> <option value="huawei"> <option value="oppo"> <option value="vivo"> <option value="iphone"> <option value="sony"> </datalist> <input type="submit"> </form> <p><strong>注意:</strong> Internet Explorer 9(更早IE版本),Safari不支持 datalist 标签。</p> </body> </html>
  • Cadangan kursus
  • Muat turun perisian kursus