Form HTML merupakan tag
yang paling penting khususnya dalam membuat aplikasi berbasis web. Form
menyediakan property masukan yang dapat berupa textbox, check box, radio
button, dan button. Untuk mendeklarasikan sebuah form digunakan tag <form> … </form>. Di dalam
tag ini kita akan mendefinisikan elemen-elemen form seperti yang telah
disebutkan di atas. Selain tag elemen form kita juga dapat menuliskan sembarang
teks, tag, image.
Atribut
Elemen Form
ACTION =
URL (dari file yang menangani form)
METHOD = [get | post] (metode HTTP untuk
men-submit form)
a.
Properti
masukan “Textbox”, “Password”, “Hidden”
i.
Metode
Penulisan :
a)
Text
Box <input type=”text”>
Digunakan untuk memasukan input berupa
text
b)
Password
<input type=”password”>
Digunakan untuk memasukan password
c)
Hidden
<input type=”hidden”>
Digunakan untuk mengirim data ke suatu
aplikasi yang tidak kita inginkan untuk dilihat oleh browser
ii.
Properti
Masukan
SIZE =
ukuran textbox dalam karakter, default 20
MAXSIZE = karakter maksimum yang akan diterima
NAME = nama variable yang dikirim ke
aplikasi
VALUE = akan menampilkan isinya sebagai nilai
default (digunakan pada textbox, tidak digunakan pada password)
Pada masukan bertipe input, property yang digunakan
adalah NAME dan VALUE.
b.
Properti
masukan “Button” dan “CheckBox”
i.
Metode
Penulisan
a)
Check
box <input type=”checkbox”
Check box digunakan untuk dapat memilih
lebih dari satu pilihan
b)
Radio
Button <input type=”radio”>
Radio button digunakan untuk dapat memilih
hanya salah satu pilihan
c)
Push
Button <input type=”button”>
Elemen ini biasanya digunakan dengan
JavaScript atau VBScript untuk menghasilkan suatu aksi
ii.
Properti
Masukan
NAME =
nama variable yang dikirim ke aplikasi
VALUE = biasanya diset ke sebuah nilai (pada
PushButton, VALUE berisi label berupa text pada tombol)
CHECKED = (beri tanda
‘check’ pada radio button atau checkbox. Pada push button property ini tidak
dipakai)
c.
Properti
masukan “Submit” dan “Reset”
i.
Metode
Penulisan
a)
Submit
<input type=”submit”>
Setiap elemen form
membutuhkan tombol submit untuk mengirimkan nama dan nilainya ke suatu aplikasi
yang ditentukan dalam atribut ACTION dalam elemen FORM
b)
Image
Submit Button <input type=”image” src=”url”>
Digunakan untuk
menggantikan tombol standar submit dengan image
c)
Reset
<input type=”reset”>
Digunakan untuk mereset
semua masukan dalam form
ii.
Properti
Masukan
NAME =
nama variable yang dikirim ke aplikasi
VALUE = berisi label berupa text pada tombol
d.
Properti
Masukan “Text Area”
i.
Metode
Penulisan
Text Area
<textarea> … </textarea>
Elemen untuk memasukan teks secara leluasa
seperti notepad
ii.
Properti
Masukan
NAME = nama variable yang dikirim ke
aplikasi
ROWS = jumlah baris
COLS = jumlahh kolom
e.
Properti
Masukan “Select”
i.
Metode
Penulisan
Select
<select> … </select>
Daftar isi dengan property select
menggunakan tag <option>
ii.
Properti
Masukan
SIZE = jumlah pilihan yang dapat dilihat
NAME = nama variable yang dikirim ke
aplikasi
This is dummy text. It is not meant to be read. Accordingly, it is difficult to figure out when to end it. But then, this is dummy text. It is not meant to be read. Period.
ConversionConversion EmoticonEmoticon