Tag <FORM> dan <INPUT> digunakan bersama-sama untuk meminta masukan dari user untuk dikirim ke server. Tag <FORM> membuat kerangka dan tag <INPUT> menyediakan elemen antarmuka dengan user. Untuk standar penulisan form adalah sebagai berikut :
<FORM METHOD =”POST/GET” ACTION =”URL”>
…
…
…
</FORM>
Atribut METHOD memiliki 2 nilai POST dan GET. Metode GET mengirimkan data pada server dengan cara meletakkan data pada bagian akhir URL yang ditunjuk. Metode POST mengirimkan datanya secara terpisah. Jika masukan banyak maka disarankan Anda menggunakan POST. ACTION akan berisi URL dari program yang dipanggil form tersebut.
Input teks <input type=”text”>
Textbox adalah salah satu jenis control untuk memasukkan data. HTML menyediakan tag <INPUT> dengan atribut TYPE=”text” untuk membuat kotak input. Untuk atribut VALUE digunakan untuk memberi nilai input, dan SIZE digunakan utuk menentukan batas terpanjang dari sebuah masukan.
Contoh :
<html>
<head>
<TITLE>form input dengan textbox</TITLE>
<body>
<p>Rancangan awal BUKU TAMU</p>
<table border="0" cellpadding="0" cellspacing="2">
<tr>
<td width="11%">Nama</td>
<td width="3%">:</td>
<td width="86"><input type="text" name="nama" size="20"></td>
</tr>
<tr>
<td width="11%" height="22">Alamat</td>
<td width="3%">:</td>
<td width="86"><input type="text" value="jember" name="alamat" size="20"></td>
</tr>
<tr>
<td width="11%">Sekolah</td>
<td width="3%">:</td>
<td width="86"><input type="text" name="sekolah" size="20"></td>
</tr>
</table>
</body>
</head>
</html>
Input Checkbox <input type=”checkbox”>
Anda juga bisa memberikan atribut TYPE dengan menggunakan Checkbox yang berfungsi untuk memberikan user pilihan.
Contoh :
<html>
<head>
<title>Check Box</title>
</head>
<body>
<p>Berikan poling !</p>
<p>Daftar mobil</p>
<p>
<input type="checkbox" name="c1" checked>mercedes<br>
<input type="checkbox" name="c2" checked>bmw<br>
<input type="checkbox" name="c3" checked>honda<br>
<input type="checkbox" name="c4" checked>toyota
</p>
</body>
</html>
Input Radio Button <input type=”radio”>
Jika atribut TYPE=”checkbox” diganti dengan TYPE=”radio”, maka user harus memilih salah satu pilihan yang tersedia. User tidak bisa memilih lebih dari satu pilihan. Atribut CHECKED digunakan memberi tanda bahwa pilihan tersebut sedang diaktifkan.
Contoh :
<html>
<head>
<title>Radio Button</title>
</head>
<body>
<p>berikan piihan Anda</p>
<p>Rentang Usia</p>
<p>
<input type="radio" value="v1" checked name="R1">15 tahun<br>
<input type="radio" value="v2" checked name="R1">15-19 tahun<br>
<input type="radio" value="v3" checked name="R1">19-25 tahun <br>
<input type="radio" value="v4" checked name="R1">25-30 tahun<br>
</p>
</body>
</html>
Posts
0 comments:
Post a Comment
Silahkan berkomentar dengan bijak, tapi jangan spam !