3. Isi Lainnya

Selain tag input ada beberapa tag yang juga yang sejenis dengan input yakni:

  1. 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 textarea
    • cols : jumlah kolom pada textarea atau untuk mengatur lebar pada textarea
  2. Select (Dropdown)

    Elemen <select> memungkinkan pengguna memilih satu atau lebih pilihan dari daftar. Contohnya :

    contoh select dropdown
    <select name="kelas">
        <option value="xrpl">X RPL</option>
        <option value="xirpl">XI RPL</option>
        <option value="xiirpl">XII RPL</option>
    </select>
    
  3. 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 :

    contoh tipe file
    <button type="submit">Submit Form</button>
    
  4. 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.