3. Isi Lainnya
Selain tag input ada beberapa tag yang juga yang sejenis dengan input yakni:
-
Textarea
digunakan untuk input teks multi-baris, seperti komentar atau deskripsi panjang. Contohnya :
contoh textarea<textarea name="message" rows="4" cols="50" placeholder="Write your message here"></textarea>
Penjelasan
rows
: jumlah baris pada textarea atau untuk mengatur tinggi pada textareacols
: jumlah kolom pada textarea atau untuk mengatur lebar pada textarea
-
Select (Dropdown)
Elemen
<select>
memungkinkan pengguna memilih satu atau lebih pilihan dari daftar. Contohnya : -
Button
Digunakan untuk membuat tombol dalam form. Tombol bisa berfungsi sebagai submit (mengirim data), reset (menghapus data yang sudah diinput), atau hanya sebagai tombol biasa yang dikendalikan oleh JavaScript. Contohnya :
-
Label
Digunakan untuk memberikan deskripsi atau keterangan yang jelas tentang elemen form seperti input teks, tombol radio, atau checkbox. Tujuan utama dari elemen
<label>
adalah untuk mengaitkan teks deskriptif dengan elemen input yang terkait, sehingga pengguna dapat dengan mudah memahami apa yang harus dimasukkan dan apabila label ini sudah di kaitkan dengan sebuah input atau semacamnya nantinya label bisa di klik dan browser akan merespon dengan mengarahkan (auto focus) ke input yang dikaitkan. Contohnya :contoh tipe file<label for="username">Username:</label> <input type="text" id="username" name="username">
Penjelasan
- Elemen
<label>
dengan teks "Username:" menjelaskan bahwa input berikutnya adalah untuk memasukkan username. - Atribut for pada elemen
<label>
menghubungkan label dengan elemen input yang memiliki atribut id yang sama (dalam hal ini, id="username"). Ini membantu dalam aksesibilitas, terutama bagi pengguna dengan alat bantu seperti screen reader.
- Elemen