elemen bentuk baharu HTML5
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中文网(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中文网(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 标签。</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中文网(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
| 标签 | 描述 | <datalist> | <input>标签定义选项列表。请与 input 元素配合使用该元素，来定义 input 可能的值。 | | <keygen> | <keygen> 标签规定用于表单的密钥对生成器字段。 | | <output> | <output> 标签定义不同类型的输出，比如脚本的输出。 |
Teg
|
Penerangan
<🎜> |
| <🎜> <🎜><🎜> <datalist><🎜> | <input> teg menentukan senarai pilihan. Gunakan elemen ini bersama dengan elemen input untuk mentakrifkan kemungkinan nilai input. |
| < keygen> | <keygen> peraturan teg masuk medan Penjana Pasangan Kunci dalam borang. |
| < output> | <output> adalah berbeza Jenis output, seperti output skrip. |
<🎜><🎜><🎜><🎜><🎜><🎜>bahagian seterusnya