Berikut ini adalah beberapa contoh kode HTML untuk berbagai jenis input yang dapat digunakan dalam formulir
- Input Teks
HTML
<input type="text" name="nama" placeholder="Masukkan nama Anda">2. Input Kata sandi
HTML
<input type="password" name="password" placeholder="Masukkan kata sandi Anda">3. Input Angka
HTML
<input type="number" name="umur" placeholder="Masukkan umur Anda">4. Input Email
HTML
<input type="email" name="email" placeholder="Masukkan alamat email Anda">5. Input Tanggal
HTML
<input type="date" name="tanggal" placeholder="Pilih tanggal">6. Input Checkbox
HTML
<input type="checkbox" name="hobi" value="berenang"> Berenang
<input type="checkbox" name="hobi" value="membaca"> Membaca
<input type="checkbox" name="hobi" value="menulis"> Menulis7. Input radio
HTML
<input type="radio" name="gender" value="pria"> Pria
<input type="radio" name="gender" value="wanita"> Wanita8. Input File
HTML
<input type="file" name="file">9. input Submit
HTML
<input type="submit" value="Kirim">10. Reset
HTML
<input type="reset" value="Reset">Berikut ini adalah contoh kode HTML yang menggabungkan beberapa jenis input yang umum digunakan beserta penjelasannya
HTML
<!DOCTYPE html>
<html>
<head>
<title>Contoh Gabungan HTML Input Types</title>
</head>
<body>
<h1>Contoh Gabungan HTML Input Types</h1>
<form>
<label for="nama">Nama:</label>
<input type="text" id="nama" name="nama" required>
<br><br>
<label for="email">Email:</label>
<input type="email" id="email" name="email" required>
<br><br>
<label for="password">Password:</label>
<input type="password" id="password" name="password" required>
<br><br>
<label for="tanggal">Tanggal Lahir:</label>
<input type="date" id="tanggal" name="tanggal" required>
<br><br>
<label for="jenis-kelamin">Jenis Kelamin:</label>
<input type="radio" id="pria" name="jenis-kelamin" value="pria" required>
<label for="pria">Pria</label>
<input type="radio" id="wanita" name="jenis-kelamin" value="wanita" required>
<label for="wanita">Wanita</label>
<br><br>
<label for="alamat">Alamat:</label>
<textarea id="alamat" name="alamat" required></textarea>
<br><br>
<input type="submit" value="Submit">
</form>
</body>
</html>Output:
See the Pen HTML Input Types by De Orchids (@De-Orchids) on CodePen.
Anda dapat menggunakan kode-kode ini sebagai dasar untuk membuat formulir HTML yang sesuai dengan kebutuhan Anda.
Leave a Reply