banyak halaman page yang dibutuhkan untuk registrasi dan log in (sign in). untuk membuatnya kita dapat membuat dengan bentuk formulir..
apa itu formulir ? biasanya ditulis dengan tag <form>
dalam bentuk formulir mempunyai jenis input yang berbeda-beda. Apa itu input? Input adalah sesuatu yang dimasukkan oleh pembaca halaman web kalian misalnya teks. Dari atas ke bawah :
apa itu formulir ? biasanya ditulis dengan tag <form>
dalam bentuk formulir mempunyai jenis input yang berbeda-beda. Apa itu input? Input adalah sesuatu yang dimasukkan oleh pembaca halaman web kalian misalnya teks. Dari atas ke bawah :
- Text area
- Password
- Checkbox
- Radio
- Select
- Textarea
diatas adalah contoh formulir
1. text dan text area
untuk membuat 'nama' diatas menggunakan Input tipe Text digunakan untuk memasukkan karakter-karakter yang jumlahnya tidak terlalu banyak. Berbeda dengan Textarea yang dapat menampung karakter dalam jumlah besar.
1. text dan text area
untuk membuat 'nama' diatas menggunakan Input tipe Text digunakan untuk memasukkan karakter-karakter yang jumlahnya tidak terlalu banyak. Berbeda dengan Textarea yang dapat menampung karakter dalam jumlah besar.
<input type=text name=”nama” size=”20″> *size=ukuran kotak tulisan
input tersebut juga dapat digunakan untuk membuat alamat/kota/ hal lain yang memerlukan kotak tulis dengan jumlah kata yang terbatas :D
2. radio button
untuk membuat jenis kelamin, kita membutuhkan input radio button, apa itu ? mari cari tau
2. radio button
untuk membuat jenis kelamin, kita membutuhkan input radio button, apa itu ? mari cari tau
<input type=”radio” name=”kelamin”>Pria<input type=”radio” name=”kelamin”>Wanita
radio button digunakan apabila pilihan yang disediakan hanya dapat dipilih satu saja.
3. check box
untuk membuat hoby, kita membutuhkan input check box. apa itu ?
3. check box
untuk membuat hoby, kita membutuhkan input check box. apa itu ?
<input type=”checkbox” name =”musik”>Musik<input type=”checkbox” name=”olahraga”>Olahraga<input type=”checkbox” name=”jalan”>Jalan
berbeda dengan radio button yang hanya bisa memilih satu pilihan, dengan input check box kita bisa memilih beberapa pilihan sekaligus :D
4. select
Select digunakan apabila tampilan pilihan yang kita sediakan berbentuk dropdown. Sebenarnya aplikasinya mirip dengan Radio yaitu pilihan yang boleh dipilih hanya satu. Select digunakan selalu bersamaan dengan Option.
<select size=”1″ name=”agama”>
<option>Islam</option>
<option>Kristen</option>
<option>Katolik</option>
<option>Hindu</option>
<option>Budha</option>
</select>
kode html formulir diatas
Select digunakan apabila tampilan pilihan yang kita sediakan berbentuk dropdown. Sebenarnya aplikasinya mirip dengan Radio yaitu pilihan yang boleh dipilih hanya satu. Select digunakan selalu bersamaan dengan Option.
<select size=”1″ name=”agama”>
<option>Islam</option>
<option>Kristen</option>
<option>Katolik</option>
<option>Hindu</option>
<option>Budha</option>
</select>
kode html formulir diatas
<html>
<head>
<title>Formulir</title>
</head>
<body>
<center> <b>Form Data Diri</b> </center>
<hr>
<table>
<tr><td>Nama<td> : <input type=text name=”nama” size=”20″> <tr><td>Alamat<td> : <input type=text name=”alamat” size=”30″>
<tr><td>Kota<td> : <input type=text name=”kota” size=”22″>
<tr><td>Telp<td> : <input type=text name=”telp” size=”15″>
<tr><td>Jenis Kelamin<td> : <input type=”radio” name=”kelamin”>Pria<input type=”radio” name=”kelamin”>Wanita
<tr><td>Hoby<td> : <input type=”checkbox” name =”musik”>Musik<input type=”checkbox” name=”olahraga”>Olahraga<input type=”checkbox” name=”jalan”>Jalan
<tr><td>Agama<td> : <select size=”1″ name=”agama”>
<option>Islam</option>
<option>Kristen</option>
<option>Katolik</option>
<option>Hindu</option>
<option>Budha</option>
</select>
<tr><td>Asal Sekolah<td> : <input type=”text” name=”asalsma” size=”35″>
<tr><td>Jurusan<td> : <input type=”text” name=”jurusan” size=”20″>
</table>
</form>
<hr>
<input type=”submit” value=Kirim><input type=”reset”>
</body>
</html>
Tidak ada komentar:
Posting Komentar