Fungsi dan Elemen Form HTML5
Fungsi dan Elemen Form HTML5 - Didalam HTML terdapat elemen - elemen form yang memungkinkan pengguna dapat memasukan data yang nantinya akan diproses oleh server. Seperti yang kita ketahui elemen - elemen didalam HTML cukup banyak sekali dan tentunya elemen - elemen tersebut mempunyai peran serta fungsi sendiri. Nah, pada kesempatan kali ini akan saya mengulas sedikit Fungsi dan Elemen Form HTML5. Langsung saja simak ulasannya berikut ini.
1. Input
Yang pertama ada elemen Input, input merupakan elemen penting didalam HTML yang mendfinisikan kontrol input, input mempunyai fungsi yang banyak sekali tergantung atribut type yang digunakan. Bentuk umum input dituliskan seperti berikut :
2. Select
Selanjutnya elemen <select> atau bisa disebut juga Drop-down list, elemen ini merupakan elemen yang menjelaskan list berupa turunan. Didalam elemen <select> biasanya terdapat elemen <option> untuk menunjukan item - item sebagai pilihan.
Contoh :
<select name="nama">
<option>Roy</option>
<option>Zak</option>
<option>Jun</option>
<option>Dul</option>
</select>
3. Textarea
<textarea> adalah elemen yang menjelaskan masukan secara multiline, artinya pengguna dapat memasukan nilai lebih dari satu baris, biasanya digunakan untuk masukan berupa paragraf atau alamat didalam formulir.
contoh :
<textarea>
Your Address
</textarea>
4. Button
<button> merupakan tombol yang yang dapat diklik
contoh :
<button type="button">Button</button>
5. Datalist
<datalist> adalah elemen HTML yang dapat digunakan untuk menentukan pilihan yang telah di tentukan oleh elemen <input>, sekilas hampir mirip dengan elemen HTML hanya saja datalist akan secara otomatis menampilkan data sesuai dengan karakter yang diketikan.
contoh :
<input list="nama">
<datalist id="nama">
<option>Roy</option>
<option>Zak</option>
<option>Jun</option>
<option>Dul</option>
</datalist>
Selain elemen - elemen diatas tentunya masih banyak lagi elemen - elemen form didalam HTML yang bisa kita gunakan. Baiklah, itulah beberapa Fungsi dan Elemen Form HTML5 tentunya bisa digunakan sesuai dengan kebutuhan. Cukup sekian artikel kali ini, semoga bisa bermanfaat dan selamat mencoba :)
Webinar Gratis 2024
Sabtu, 09 Maret 2024
10 Bahasa Rekomendasi Untuk Dipelajari di 2024
Python Developer, Data Science, Web Application
Minggu, 26 Mei 2024, 09.00-13.00 WIB
(4 Jam Membuat Backend di Laravel 11)