FORM DAN INPUT HTML
Elemen HTML yang digunakan untuk mendapatkan masukan dari pengguna web. Pengguna web dapat memasukan input melalui halaman-halaman web.
Dalam satu form dapat terdiri atas beberapa form akan tetapi hanya satu form yang dapat dikirim ke server salam satu saat.
Jenis masukan dalam satu formulir dibedakan menjadi :
- Text, digunakan untuk memasukan suatu nilai untuk dikirimkan kepada server. Nilai yang dimasukan dapat berupa angka ataupun teks.
- Radio, menyediakan beberapa pilihan, hanya satu pilihan yang bias dipilih
- Check Box, menyediakan beberapa pilihan, bisa lebih dari satu pilihan yang dipilih.
- List, menyediakan pilihan dalam bentuk list pilihan, pilihan yang dipilih dapat lebih dari satu.digunakan untuk form yang lebih interaktif, untuk memanggil script yang ada di dalam dokumen html.
- Button, digunakan untuk mendefinisikan tombol untuk memproses form.Ada beberapa button.
- Submit, digunakan untuk memanggil url,setelah input selesai dimasukan.
- Reset, digunakan untuk menginisialisasi setiap elemen form.
- Image, digunakan sebagai mpengganti button, berupa button yang berbentuk gambar.
- Text Area, digunakan untuk mrmasukan data dalam bentuk teks berupa memo.
Setiap masukan dalam formulir mempunyai tag-tag sendiri-sendiri dengan masing-masing atributnya.
Tag Text
<input type=”text” name=”var1” size= # maxlength= #>
Value pada atribut size menunjukan besar text box
Value pada atribut maxlenght menunjukan jumlah karakter maksimum yang dapat ditampung.
Contoh Tag Text
<html>
<body>
<form>
Nama Depan :<input type=”text” name=”firstname”>
<br>
Nama belakang:<input type=”text” name=”lastname”>
</form>
</body>
</html>
Hasilnya:
Tag Radio
<input type=”radio”>
Contoh tag radio:
<html>
<body>
<form>
<input type=”radio” checked name=”sex”>laku-laki
<br>
<input type=”radio” name=”sex”>Perempuan
</form>
</html>
Hasilnya :
Tag Checkbox
<input type=”checkbox”>
Contoh tag Checkbox
<html>
<body>
<form>
Tempat favorit Saya :
<input type=”checkbox” name=”Mall”>Mall
<br>
<input type=”checkbox” name=”Sekolah”>Sekolah
<br>
<input type=”checkbox” name=”Bioskop”>Bioskop
<br>
<input type=”checkbox” name=”Cafe”>Café
</form>
</body>
</html>
Hasilnya:
Tag Select
<select name=” “ >
<option value=” “>
</select>
Contoh Tag select
<html>
<body>
Kegemaran waktu liburan :
<form>
<select name=”Hoby”>
<option value=”main”>Main
< option value=”main”>Main
< option value=”shoping”>Shoping
< option value=”belajar”>Belajar
< option value=”liburan”>liburan
</select>
</form>
</body>
</html>
Hasilnya:
Tag Text Area
<textarea cols=” a “ rows=”b “><textarea>
Value atribut a merupakan banyaknya teks ke samping
Value atrinut b merupakan banyaknya teks ke bawah
Contoh Tag Text Area
<html>
<body>
Tuliskan pesan dan kesan anda
<form>
<textarea row=”15” cols=”45”>
</textarea>
</form>
</body>
</html>
Hasilnya :
