2. Input

<input> adalah elemen yang paling umum digunakan untuk menerima input / masukkan pengguna. Beberapa tipe input yang dapat digunakan:

1. Tipe Text (type="text")

   Input ini digunakan untuk memasukkan teks sederhana. Contohnya :

   contoh tipe form

   <input type="text" name="username" placeholder="Enter your username">
   

   Penjelasan

   • name="username" : Menamai data input dengan nama username
   • placeholder : Menampilkan informasi sebelum input diisi oleh pengguna

2. Tipe Password (type="password")

   Digunakan untuk memasukkan password, di mana teks yang dimasukkan akan disembunyikan. Contohnya :

   contoh tipe password

   <input type="password" name="password" placeholder="Enter your password">
   

3. Tipe email (type="email")

   Input ini memvalidasi apakah pengguna memasukkan alamat email dengan benar. Contohnya :

   contoh tipe email

   <input type="email" name="email" placeholder="Enter your email">
   

4. Tipe number (type="number")

   Membatasi input ke angka saja, bisa menambahkan atribut seperti min, max, dan step. Contohnya :

   contoh tipe number

   <input type="number" name="age" min="1" max="100">
   

5. Tipe file (type="file")

   Untuk mengunggah file. Contohnya :

   contoh tipe file

   <input type="file" name="file">
   

6. Tipe radio (type="radio")

   Untuk membuat pilihan tunggal dari beberapa opsi. Contohnya :

   contoh tipe radio

   <input type="radio" name="gender" value="male"> Male
   <input type="radio" name="gender" value="female"> Female
   

7. Tipe checkbox (type="checkbox")

   Untuk pilihan yang memungkinkan lebih dari satu opsi dipilih. Contohnya :

   contoh tipe checkbox

   <input type="checkbox" name="subscribe" value="newsletter"> Subscribe to newsletter
   

8. Tipe date (type="date")

   Input ini menyediakan pilihan untuk memasukkan tanggal. Contohnya :

   contoh tipe file

   <input type="date" name="birthday">
   

9. Tipe color (type="color")

   Menyediakan input untuk memilih warna. Contohnya :

   contoh tipe color

   <input type="color" name="favcolor">
   

10. Tipe Hidden (type="hidden")

    Input ini tidak terlihat oleh pengguna dan digunakan untuk menyimpan data yang diperlukan untuk pengolahan, tetapi tidak perlu dimodifikasi oleh pengguna. Contohnya :

    contoh tipe hidden

    <input type="hidden" name="userid" value="12345">
    

Masih terdapat beberapa input yang belum dijelaskan namun input - input tersebut jarang digunakan.