47 Atur propertiesnya, bisa melalui code design atau design propertiesnya :
Gambar 10.3
Keterangan : TextField
: nama textarea Char width
: lebar kolom Num Lines
: jumlah baris Wrap
: model pengaturan teks dalam textarea Type
: pilih singgle line, multiline atau password Init val
: nilai default Class
: nama class jika menggunakan file CSS
10.4 Field Text
Berikut ini adalah contoh penggunakan field text dalam dokumen HTML. Contoh
– Listing 10.1 : textfield.html htmltitletext fieldtitle
body form
Nama Depan : input name=NamaDepan type=text id=NamaDepanbr Nama Belakang : input name=NamaBelakang type=text id=NamaBelakang
form body
html Gambar 10.4
Hasil di Browser :
10.5 Field Text – Password
Berikut ini adalah contoh Field Text dengan masukan berupa password. Contoh - Listing 10.2: password.html
htmltitlePasswordtitle body
form Username: input type=text name=userbr
Password: input type=password name=password form
pKeterangan : ketika memasukan data di field password, browser akan menampilkan tanda bintang sebagai pengganti karakter. p
body html
Gambar 10.5 Hasil di Browser :
48
10.6 Checkbox
Berikut ini adalah contoh penggunaan checkbox dalam dokumen HTML. Contoh - Listing 10.3 : checkbox.html
htmltitleCheck Boxtitle body
p Hobi :p form
Baca Majalah : input name=majalah type=checkbox id=majalah value=majalah checked br Olah Raga : input name=olahraga type=checkbox id=olahraga value=olahragabr
Memancing : input name=mancing type=checkbox id=mancing value=memancing form
body html
Gambar 10.6 Hasil di Browser :
10.7 Radio Button
Berikut ini adalah contoh penggunaan radion button dalam dokumen HTML.
49
10.8 List Box – Drop Down Menu
Berikut ini adalah contoh penggunaan list box – drop down menu.
Contoh - Listing 10.5 : listbox.html html
head titleList Boxtitle
head body
Tahun Kelahiran form name=form1 method=post action=
select name=select option value=1980 selected1980option
option value=19811981option option value=19821982option
option value=19831983option option value=19841984option
option value=19851985option select
form body
html
50
10.9 Textarea Berikut ini adalah contoh penggunaan textarea dalam dokumen HTML.
Contoh - Listing 10.6 : textarea.html html
head titletextareatitle
head body
Komentar : form name=form1 method=post action=
textarea name=textarea cols=50 rows=5isikan komentar anda disinitextarea form
body html
Gambar 10.9 Hasil di Browser :
10.10 Button
– Submit dan Reset
Berikut ini adalah contoh penggunaan Submit Button dan Reset Button. Contoh - Listing 10.7 : button.html
html head
titleButtontitle head
body ddk_asmoroyahoo.co.id
form name=form1 method=post action= input type=submit name=Submit value=Send
input type=reset name=Reset value=Reset form
51 body
10.11 Contoh form biodata Source Code - Listing 10.8 : biodata.html