18
html body
form Nama depan:
input type=text name=namadepan br
Nama belakang: input type=text name=namabelakang
br Password:
input type=password name=password form
p Perhatikan bahwa ketika Anda mengetikkan karakter-karakter dalam suatu field
password, browser akan menampilkan asterisk atau bullet saja, bukannya karakter yang diketikkan.
p body
html
2. Checkbox dan tombol radio
html body
form Saya memiliki sebuah sepeda:
input type=checkbox name=Sepeda br
Saya memiliki sebuah mobil: input type=checkbox name=Mobil value=ON
br Jenis kelamin Anda?
br Pria:
input type=radio name=Sex value=pria br
Wanita: input type=radio name=Sex value=wanita checked
form p
Ketika seorang pengguna memberikan klik mouse pada sebuah tombol radio, tombol tersebut terlihat diberi tanda cek, dan semua tombol lain yang berada
dalam nama yang sama akan kehilangan tanda cek-nya p
body html
3. Kotak drop down dengan nilai default
html body
form
19
select name=mobil option value=volvoVolvo
option value=peugeotPeugeot option value=fiat selectedFiat
option value=jaguarJaguar select
form body
html
4. Tombol dan fieldset
html body
fieldset legend
Informasi kesehatan: legend
form Tinggi input type=text size=3
Berat input type=text size=3 br
input type=button value=Ada tombol disini form
fieldset p
Bila tidak terlihat adanya border di sekeliling form input, browser Anda sudah terlalu lama.
p body
html
5. Form dengan field input dan tombol submit
html body
form name=input action=http:www.w3c.orgform_action.asp method=get
Masukkan nama depan Anda: input type=text name=namadepan value=Mickey
brMasukkan nama belakang Anda: input type=text name=namabelakang value=Mouse
br input type=submit value=Submit
form p
Bila Anda meng-klik tombol Submit, Anda akan mengirim input yang dimasukkan lewat form di atas ke pemroses yang bernama form_action.asp di
situs w3c. p
body html
20
6. Mengirim e-mail dari suatu form
html body
form action= method=post enctype=textplain h3Form ini mengirim sebuah e-mail ke W3C.h3
Namabr input type=text name=nama value=Nama Anda” size=20
br Mail:br
input type=text name=mail value=Mail Anda size=20 br
Komentar:br input type=text name=komentar value=Komentar Anda size=40
brbr input type=submit value=Send
input type=reset value=Reset form
body html
7. Menyisipkan gambar latar belakang dan depan