HTML Form Element

Pelajari Tutorial HTML5 Lainya Disini 01. Pendahuluan HTML5 02. Dasar HTML 03. Atribut dan Pos HTML 04. Paragraf dan Style HTML 05. Format Teks Elemen HTML 06. Kutipan HTML 07. HTML Komputer Elemen 08. HTML Komentar 09. HTML Styles - CSS 10. Link HTML 11. HTML Images 12. Tabel HTML 13. HTML List 14. HTML Block Elemen dan Class 15. HTML Layout 16. HTML Web Responsif dan Iframe 17. Element HEAD HTML 18. Entitas HTML 19. Simbol HTML 20. HTML dan XHTML 21. Form HTML 22. HTML Form Element 23. HTML Jenis Input 24. HTML Input Attributes 25. HTML5 Intro 26. HTML5 Support 27. HTML5 New Elements 28. HTML5 Semantic Elements 29. Migrasi HTML5 30. HTML 5 Canvas 31. HTML5 SVG 32. HTML Multimedia 33. HTML5 Video dan Audio 34. HTML Plug-in dan Youtube

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.

<Select> Elemen (Drop-Down List)

The <select> elemen mendefinisikan daftar drop-down:

Contoh:

<select name="Tapai">

<option value="Tapai Kolop">Tapai Kolop</option>

<option value="Tapai Tuap">Tapai Tuap</option>

<option value="Tapai Guring">Tapai Guring</option>

</select>

Hasil:

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

<option value="Tapai Tuap" selected>Tapai Tuap</option>

The <textarea> Elemen

The <textarea> elemen mendefinisikan field input multi-line (text area):

Contoh:

<textarea name="message" rows="10" cols="30">

Belajar form element HTML

</textarea>

Hasil:

The <button> Elemen

The <button> elemen mendefinisikan tombol diklik:

<button type="button">Klik disini</button>

Hasil:

HTML5 Form Elemen

HTML5 menambahkan elemen form berikut:

• <Datalist>
• <Keygen>
• <Output>

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.

Contoh:

<form action="action_page.php">

<input list="browsers">

<datalist id="browsers">

<option value="Chrome">

<option value="Firefox">

<option value="Internet Explorer">

<option value="Safari">

</datalist>

</form>

Hasil:

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

Kunci pribadi disimpan secara lokal, dan kunci publik dikirim ke server.

<form action="action_page.php">

Username: <input type="text" name="user">

Encryption: <keygen name="security">

<input type="submit">

</form>

HTML5 <output> Elemen

The <Output> elemen merupakan hasil perhitungan (seperti yang dilakukan oleh script).

<form action="action_page.asp"

oninput="x.value=parseInt(a.value)+parseInt(b.value)">

0

<input type="range"  id="a" name="a" value="50">

100 +

<input type="number" id="b" name="b" value="50">

=

<output name="x" for="a b"></output>

<br><br>

<input type="submit">

</form>

Kembali Keatas ⇑

CB Blogger