Form digunakan untuk menampung komponen inputan, form berkaitan dengan pemograman. Form merupakan sejenis daftar dalam suatu formulir. Di dalam form terdapat 3 atribut yaitu name, method, dan action.
Ada beberapa tipe input didalam form, yaitu :
1. Tipe Text atau TextBox
digunakan untuk memberi kotak pada data yang akan diisi.
Contoh sintaks :
<body>
<form>
Nama: <input type="text" name="nama" size="20" maxlength="15" /><br/>
Alamat:<input type="text" name="alamat" size="20" maxlength="20">
</form>
</body>
Hasil :
| NAMA | : | ||
| ALAMAT | : | ||
2. Tombol Submit dan Reset
Contoh sintaks tombol submit adalah : <input type="submit" value="kirim"/>
Contoh sintaks tombol reset adalah : <input type="reset" value="hapus"/>
Hasil :
3. Tipe Input Password
Contoh sintaks :
<body>
<form>
username<input type="text" name="username"/><br/>
password<input type="password" name="password" />
<input type="submit" value="Subnit Query">
</form>
</body>
Hasil :
| Username | : | |
| Password | : |
4. Tipe CheckBox
Contoh sintaks :
<body>
<form>
Daftar hobi</br>
<input type="checkbox" name="renang"/>renang</br>
<input type="checkbox" name="baca" checked/>membaca</br>
<input type="checkbox" name="mancing" checked/>memancing</br>
<input type="checkbox" name="nonton"/>nonton</br>
</form>
</body>
Hasil :
Daftar hobi
renang
membaca
memancing
nonton
5. Tipe RadioButton
Contoh sintaks :
<body>
<form>
Jenis kelamin</br>
<input type="radio" name="kelamin" value="pria"/>Laki-laki</br>
<input type="radio" name="kelamin" value="wanita" checked/>Perempuan</br>
</form>
</body>
Hasil :
Jenis kelamin
Laki-laki
Perempuan
6. Tipe TextArea
Contoh sintaks :
<body>
<form>
Nama<input type="text" name="nama"></br>
Komentar<textarea name="komentar" cols="20" rows="5" wrap> </textarea>
</form>
</body>
Hasil :
Nama
Komentar
7. Tipe ComboBox
Dalam combo box, pilihan yang dapat dipilih hanya satu.
Contoh sintaks :
<body>
<form>
distro linux favourite:</br>
<select name="distro">
<option value="fedora"/>Fedora Core
<option value="suse"/>Open Suse
<option value="ubuntu" selected/>Ubuntu
<option value="debian"/>Debian
</select>
</form>
</body>
Hasil :
8. Tipe ListBox
Dalam List box, dapat memilih lebih dari satu pilihan.
Contoh sintaks :
<body>
<form>
distro linux favourite:</br>
<select name="distro" multiple/>
<option value="fedora" selected/>Fedora Core
<option value="suse"/>Open Suse
<option value="ubuntu" selected/>Ubuntu
<option value="debian"/>Debian
</select>
</form>
</body>
Hasil :
Tidak ada komentar:
Posting Komentar