masyarakat Belajar Perpustakaan Alatan Masa lapang
cari
Melayu

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中文网(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. <🎜><🎜><🎜><🎜><🎜><🎜>
Meneruskan pembelajaran
||
<!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>
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)  492493 permainan