masyarakat Belajar Perpustakaan Alatan Masa lapang
cari
Melayu

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>
serahkanTetapkan Semula Kod
Bahagian sebelumnya bahagian seterusnya
Senarai Tutorial
dapatkan bantuan
  • Cadangan kursus
  • Muat turun perisian kursus
Perisian kursus tidak tersedia untuk dimuat turun pada masa ini. Kakitangan sedang menganjurkannya. Sila beri perhatian lebih kepada kursus ini pada masa hadapan~

Pelajar yang telah menonton kursus ini juga sedang belajar

Tutorial video perdana dunia ThinkPHP 5.1 terkini (60 hari untuk menjadi kursus latihan dalam talian pakar PHP)  492779 permainan