Form elemen

Form HTML Elemen

Bab ini menjelaskan semua elemen form HTML.
<Input> Elemen
Unsur bentuk yang paling penting adalah <input> elemen.
<Input> elemen dapat bervariasi dalam banyak cara, tergantung pada jenis atribut.
Catatan Semua HTML jenis masukan dibahas dalam bab berikutnya.
<Select> Elemen (Drop-Down List)
The <pilih> elemen mendefinisikan daftar drop-down:
contoh
<pilih name = "mobil">
<option value = "volvo"> Volvo </ option>
<option value = "saab"> Saab </ option>
<option value = "fiat"> Fiat </ option>
<option value = "audi"> Audi </ option>
</ select>
<Option> elemen mendefinisikan pilihan untuk memilih.
Daftar biasanya akan menunjukkan item pertama yang dipilih.
Anda dapat menambahkan atribut yang dipilih untuk menentukan pilihan yang telah ditetapkan.
contoh
<option value = "fiat" yang dipilih> Fiat </ option>
The <textarea> Elemen
The <textarea> elemen mendefinisikan field input multi-line (text area):
contoh
<nama textarea = "pesan" rows = "10" cols = "30">
Kucing itu bermain di taman.
</ textarea>
Ini adalah bagaimana kode HTML di atas terlihat seperti dalam browser:
Kucing itu bermain di taman.
The <button> Elemen
The <button> elemen mendefinisikan tombol aa diklik:
contoh
<jenis tombol = "button" onclick = "alert ('Hello World!')"> Klik Me! </ button>
Ini adalah bagaimana kode HTML di atas terlihat seperti dalam browser:
HTML5 Form Elemen
HTML5 menambahkan elemen form berikut:
     <datalist>
     <keygen>
     <Output>
catatan
Secara default, browser tidak menampilkan unsur-unsur yang tidak diketahui. Unsur-unsur baru tidak akan merusak halaman Anda.
HTML5 <datalist> Elemen
The <datalist> elemen menentukan daftar yang telah ditentukan pilihan untuk <input> elemen.
Pengguna akan melihat daftar drop-down yang telah ditentukan pilihan karena mereka input data.
Daftar atribut dari <input> elemen, harus mengacu pada atribut id dari <datalist> elemen.
OperaSafariChromeFirefoxInternet Explorer
contoh

Sebuah <input> elemen dengan nilai-nilai yang telah ditetapkan dalam <datalist>:
<form action = "action_page.php">
<daftar input = "browser">
<id datalist = "browser">
   <option value = "Internet Explorer">
   <option value = "Firefox">
   <option value = "Chrome">
   <option value = "Opera">
   <option value = "Safari">
</ datalist>
</ form>

HTML5 <keygen> Elemen
Tujuan dari <keygen> elemen adalah untuk menyediakan cara yang aman untuk mengotentikasi pengguna.
The <keygen> elemen menentukan bidang key generator-pair dalam formulir.
Ketika formulir dikirimkan, dua kunci yang dihasilkan, satu pribadi dan satu masyarakat.
Kunci pribadi disimpan secara lokal, dan kunci publik dikirim ke server.
Kunci publik dapat digunakan untuk menghasilkan sertifikat klien untuk mengotentikasi pengguna di masa depan.
OperaSafariChromeFirefoxInternet Explorer
contoh
Bentuk dengan bidang keygen:
<form action = "action_page.php">
Username: <input type = "text" name = "user">
Enkripsi: <keygen name = "keamanan">
<input type = "submit">
</ form>
HTML5 <keluaran> Elemen
The <Output> elemen merupakan hasil perhitungan (seperti yang dilakukan oleh script).
OperaSafariChromeFirefoxInternet Explorer
contoh
Melakukan perhitungan dan menampilkan hasil dalam <keluaran> elemen:
<form action = "action_page.asp"
oninput = "x.value = parseInt (a.value) + parseInt (b.value)">
0
<input type = "range" id = "" nama = "a" value = "50">
100 +
<input type = "angka" id = "b" name = "b" value = "50">
=
<nama output = "x" untuk = "a b"> </ output>
<br>
<input type = "submit">
</ form>