Elemen bentuk baharu HTML5
elemen bentuk baharu HTML5
<datalist>
< ;
<output>
Nota: Tidak semua penyemak imbas menyokong elemen bentuk baharu HTML5, tetapi anda boleh menggunakan mereka walaupun pelayar tidak menyokong atribut borang dan masih memaparkannya sebagai elemen bentuk biasa.
<datalist> Elemen
<datalist> . Atribut
<datalist> menyatakan 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"> <title>php中文網(wǎng)(php.cn)</title> </head> <body> <form action="" method="get"> <input list="fruits" name="fruit"> <datalist id="fruits"> <option value="蘋果"> <option value="香蕉"> <option value="柚子"> <option value="橙子"> <option value="梨子"> </datalist> <input type="submit"> </form> </body> </html>Jalankan program dan cuba
<keygen> elemen
<keygen> daripada elemen itu adalah untuk menyediakan cara yang boleh dipercayai untuk mengesahkan pengguna. 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"> <title>php中文網(wǎng)(php.cn)</title> </head> <body> <form action="" method="get"> 用戶名: <input type="text" name="usr_name"> 加密: <keygen name="security"> <input type="submit"> </form> <p><strong>注意:</strong> Internet Explorer 不支持 keygen 標(biāo)簽。</p> </body> </html>
Masukkan program ke dalam editor anda dan cuba jalankan program secara setempat
<output> Elemen
< Elemen ;output> digunakan untuk jenis output yang berbeza, seperti pengiraan atau output skrip:
Contoh
memaparkan hasil pengiraan dalam < ; elemen output>:
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>php中文網(wǎng)(php.cn)</title> </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> </body> </html>
Jalankan program dan cuba
elemen bentuk baharu HTML5
| 標(biāo)簽 | 描述 |
<datalist> | <input>標(biāo)簽定義選項(xiàng)列表。請(qǐng)與 input 元素配合使用該元素，來定義 input 可能的值。 |
| <keygen> | <keygen> 標(biāo)簽規(guī)定用于表單的密鑰對(duì)生成器字段。 |
| <output> | <output> 標(biāo)簽定義不同類型的輸出，比如腳本的輸出。 |
Teg
Penerangan
