Elemen bentuk HTML5


HTML5 mempunyai elemen bentuk baharu berikut:

  • <datalist>

  • <keygen>

  • <output>

Nota:Bukan semua penyemak imbas menyokong elemen bentuk baharu HTML5, tetapi anda boleh menggunakan Mereka, walaupun jika penyemak imbas tidak menyokong atribut borang, masih boleh dipaparkan sebagai elemen bentuk biasa.

elemen HTML5 <datalist> Elemen

<datalist>

<datalist> atribut menyatakan bahawa borang atau medan 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> >

Instance

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title> 
</head>
<body>
	
<form action="demo-form.php" method="get">
<input list="browsers" name="browser">
<datalist id="browsers">
  <option value="Internet Explorer">
  <option value="Firefox">
  <option value="Chrome">
  <option value="Opera">
  <option value="Safari">
</datalist>
<input type="submit">
</form>

<p><strong>注意:</strong> Internet Explorer 9（更早IE版本），Safari不支持 datalist 标签。</p>

</body>
</html>

Run Instance»Klik butang "Run Instance" untuk melihat contoh dalam talian


Elemen HTML5 <keygen> Tujuan elemen

<keygen> 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.

Instance

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>php中文网(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>

<p><strong>注意:</strong> Internet Explorer 不支持 keygen 标签。</p>

</body>
</html>

Run Instance»Klik butang "Run Instance" untuk melihat contoh dalam talian


elemen HTML5 <output>

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

Contoh

<!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>

<p><strong>注意:</strong>  Internet Explorer 不支持 output 标签。</p>

</body>
</html>

Jalankan Instance»Klik butang "Run Instance" untuk melihat contoh dalam talian


elemen Borang Baharu HTML5

标签描述
<datalist><input>标签定义选项列表。请与 input 元素配合使用该元素，来定义 input 可能的值。
<keygen>><keygen> 标签规定用于表单的密钥对生成器字段。
<output><output> 标签定义不同类型的输出，比如脚本的输出。
←
→