alhamdulillah kita masih bisa berjumpa ^_^
semoga kita semua diberi nikmat kesehatan dan umur panjang oleh allah swt.
dari pada gk ada kegiatan, kali ini saya akan memberi tutorial tentang input type pada html,
disini saya akan coba jelaskan mengenai macam-macam input type yang ada di html
tidak usah lama-lama langsung saja kita mulai.
1. <input type="text">
berfungsi sebagai text input form
cara penggunaannya :
salin kode dibawah ini
<form>
Nama Depan:<br>
<input type="text" name="firstname">
<br>
Nama Belakang:<br>
<input type="text" name="lastname">
</form>
Nama Depan:<br>
<input type="text" name="firstname">
<br>
Nama Belakang:<br>
<input type="text" name="lastname">
</form>
Maka Akan Menghasilkan :
2.
<input type="password">
berfungsi sebagai input password
cara penggunaannya :
salin kode dibawah ini
<form>
User name:<br>
<input type="text" name="username">
<br>
User password:<br>
<input type="password" name="psw">
</form>
User name:<br>
<input type="text" name="username">
<br>
User password:<br>
<input type="password" name="psw">
</form>
Maka Akan Menghasilkan :
3. <input type="submit">
berfungsi sebagai tombol untuk memproses suatu form
cara penggunaannya :
salin kode dibawah ini
<form action="">
<input type="submit" value="Tombol">
</form>
<input type="submit" value="Tombol">
</form>
Maka Akan Menghasilkan :
4. <input type="radio">
berfungsi sebagai tombol untuk Memilih salah 1 pilihan biasanya di gunakan untuk pilihan jenis kelamin
cara penggunaannya :
salin kode dibawah ini
<form>
<input type="radio" name="jk" value="Pria" checked>Pria
<br>
<input type="radio" name="jk" value="Wanita">Wanita
</form>
setelah itu letakkan di dalam tag <body><input type="radio" name="jk" value="Pria" checked>Pria
<br>
<input type="radio" name="jk" value="Wanita">Wanita
</form>
Maka Akan Menghasilkan :
5.<input type="checkbox">
berfungsi sebagai tombol untuk memilih lebih dari 1 pilihan
cara penggunaannya :
salin kode dibawah ini
<form>
<input type="checkbox" name="vehicle" value="Motor">Motor
<br>
<input type="checkbox" name="vehicle" value="Mobil">Mobil
</form>
<input type="checkbox" name="vehicle" value="Motor">Motor
<br>
<input type="checkbox" name="vehicle" value="Mobil">Mobil
</form>
Maka Akan Menghasilkan :
6. <input type="button">
input ini hampir sama dengan input type submit namun biasanya input ini di kolaborasikan dengan javascript
cara penggunaannya :
salin kode dibawah ini
<input type="button" onclick="alert('Halo Gan ! ')" value="Klik">
Maka Akan Menghasilkan :
Itu dia macam-macam input ype pada html, namun disini saya hanya menjelaskan tentang input type pada html lama.
untuk input type pada HTML5 Insya allah akan saya jelaskan di lain waktu.
mungkin itu saja sari saya, semoga kalian dapat memahaminya,
mohon maaf jika ada kekeliruan atau kesalahan,
Wasalam'mualaikum Warahmatullaahi Wabarakaatuh.
0 komentar:
Posting Komentar