bentuk elemen HTML5

Bentuk elemen HTML5 baru

Berikut unsur-unsur bentuk HTML5 baru:

• <Datalist>
• <Keygen>
• <Keluaran>

Catatan: Tidak semua browser mendukung bentuk elemen HTML5 baru, tetapi Anda dapat menggunakannya, bahkan jika browser tidak mendukung sifat bentuk masih bisa muncul sebagai elemen form biasa.

HTML5 <datalist> elemen

<Datalist> elemen menentukan daftar pilihan field input.

<Datalist> atribut menentukan bentuk atau masukan bidang harus memiliki autocomplete. Ketika pengguna mulai mengetik di bidang autocomplete, browser harus menampilkan pilihan untuk mengisi bidang ini:

Gunakan <input> elemen dari daftar atribut dan <datalist> elemen yang mengikat.

contoh

<Input> elemen menggunakan <datalist> nilai yang telah ditetapkan:

<input daftar = "browser"> <Datalist id = "browser"> <Option value = "Internet Explorer"> <Option value = "Firefox"> <Option value = "Chrome"> <Option value = "Opera"> <Option value = "Safari"> </ Datalist>

Coba »

HTML5 <keygen> elemen

Peran <keygen> elemen adalah untuk menyediakan metode yang dapat diandalkan untuk otentikasi pengguna.

<Keygen> tag digunakan untuk membentuk bidang pasangan key generator yang telah ditentukan.

Ketika mengirimkan formulir, itu menghasilkan dua tombol, satu swasta, satu publik.

kunci pribadi (private key) disimpan di klien, kunci publik (public key) dikirim ke server. Kunci publik dapat digunakan untuk otentikasi pengguna setelah sertifikat klien (sertifikat klien).

contoh

Dengan bentuk bidang keygen:

<Form action = "demo_keygen.asp" Metode = "mendapatkan"> Username: <input type = "text" name = "usr_name"> Enkripsi: <keygen name = "keamanan"> <input ketik = "submit"> </ Form>

Coba »

HTML5 <keluaran> elemen

<Keluaran> elemen digunakan untuk berbagai jenis output, seperti perhitungan atau output skrip:

contoh

Hasil muncul dalam <keluaran> elemen:

<Form oninput = "x.value = parseInt (a.value ) + parseInt (b.value)"> 0 <input type = "range" id = "a" value = "50"> 100 + <input type = "angka" id = "b" value = "50"> = < keluaran name = "x" untuk = "ab"> </ Output> </ Form>

Coba »

HTML5 New Elemen Form