Form HTML merupakan tag khusus yang digunakan untuk keperluan pengiriman data ke server untuk mendapatkan umpan balik dari pengunjung ke situs web yang diawali dan diakhiri dengan tag <FORM> dan </FORM>, di dalam form terdapat input-input seperti textbox, checkbox, button, dan combobox, di mana nilai-nilai input di dalam form tersebutlah yang akan dikirimkan ke server.
Contoh:
<form>
<b>Form HTML</b><br />
<input type="text" name="nama" /><br
/>
<input type="submit" name="kirim"
value="Kirimkan" />
</form>
Di dalam form di atas
terdapat tag input dengan atribut type="text", input ini
digunakan untuk mengisikan nilai teks. Sedangkan input type="submit"
merupakan tombol yang digunakan untuk mengirim data-data form tersebut ketika
ditekan.
Ada juga tipe-tipe
input lain yang bisa digunakan pada form HTML:
Contoh Form Input HTML
<form
onsubmit="return false">
<b>Contoh Input
HTML</b>
<hr />
Input Text:<br>
Nama: <input
type="text" name="nama" />
<hr />
TextArea:<br>
Alamat: <textarea name="alamat"></textarea>
<hr />
Checkbox dengan label:<br />
<label>Checkbox <input
type="checkbox" name="cek" /></label>
<hr />
Pilihan:<br />
<select name="jenis_kelamin">
<option
value="L">Laki-laki</option>
<option
value="P">Perempuan</option>
</select>
<hr />
Radio Button:<br />
<fieldset>
<label>
<input
type="radio" name="pilihan" value="y"
/>Ya
</label><br />
<label>
<input type="radio"
name="pilihan" value="t" />Tidak
</label>
</fieldset>
<hr />
</form>
- Tag <FORM>
Atribut dari elemen form akan dijelaskan pada bagian berikut. - ACTION
URL yang menentukan resource yang akan dilakukan oleh action pada form data, dan memberi respon pada user. - METHOD
Ini dapat berupa default GET atau POST. Menggunakan GET, query ditambahkan ke URL; menggunakan POST, data dikirim melalui suatu transaksi post pada melalui HTTP. Untuk data yang membutuhkan keamanan anda diajurkan untuk menggunakan metode POST.
Contoh :
Berlangganan New letter, masukkan alamat E-mail anda<br>
<Input Type=Text Width=25 Name=Email>
<Input Type=Submit Value=Kirim Name=Submit>
</Form>
Hasil :
Berlangganan New letter, masukkan alamat E-mail anda
Elemen-elemen dalam suatu form
Bagian berikut menerangkan berbagai elemen yang dapat ditempatkan dalam suatu
form.
form.
- INPUT
Elemen INPUT menentukan informasi dari user interface. Berikut ini adalah atribut untuk INPUT tag.
- CHECKED
Untuk checkboxes dan radio button, atribut ini dapat di set ke TRUE (checked) atau FALSE (unchecked).
- MAXLENGTH
MAXLENGTH menentukan jumlah maximum karakter yang mana dapat dimasukkan dalam suatu textbox.
- NAME
Menentukan nama dari form control. Hal ini digunakan untuk menentukan eleme data pada form ke resource yang memproses elemen ini.
- SIZE
Menentukan ukuran dari form control. Ini dapat berupa nilai tunggal yang menentukan lebar kontrol dalam karakter, atau dalam width/height pair.
- SRC
Ini menentukan image yang akan ditampilkan dengan kontrol.
- TYPE
Ini akan menentukan jenis control yang akan digunakan. Berikut ini daftar dari kontrol yang ada : - CHECKBOX
Checkbox adalah kontrol sederhana TRUE/ FALSE, yang mana kalau di check adalah TRUE, dan kosong menyatakan FALSE. - HIDDEN
Kontrol ini tidak ditampilkan oleh viewer dari halaman. Kontrol ini dapat digunakan untuk mengirim status informasi kembali ke program form-processing. - IMAGE
form data dikirim dan nilainya dilewatkan oleh image dalam x,y kordinat pixel. - PASSWORD
Fungsi ini seperti textbox, tetapi tulisan ditampilkan dengan asteriks sebagai penggantinya. - RADIO
Fungsi ini menyerupai checkbox control, tetapi hanya satu option button dari group yang dapat dipilih setiap saat. Pilih Ya atau Tidak - RESET
form data dikembalikan ke keadaan awal sesuai dengan nilai initial masing-masing. - SUBMIT
Klik pada tombol akan mengirim form data ke FORM ACTION URL. - TEXT
Kontrol ini digunakan untuk menggumpulkan satu baris tunggal dari tulisan. Atribut SIZE dan MAXLENGTH dapat ditentukan untuk membatasi pengetikkan. - TEXTAREA
Tutorial HTML Halaman 10
Tidak ada komentar:
Posting Komentar
Silahkan isi komentar Anda pada kolom komentar di bawah ini atau dengan kolom komentar Facebook pada bagian atas ini.
Berkomentarlah dengan sehat! Dilarang membuat komentar dengan isi yang mengandung spam, sara, pornografi, politik, iklan, dan diluar norma yang berlaku. Thanks.