Forms

• Form adalah sebuah area yang memiliki

elemen-elemen
• <form></form>
• <form> <input></form>
• Form elemen yang biasa digunakan:
– Text fields
– Radio buttons
– Checkboxes
– Submit buttons
Text Input Fields
• Digunakan untuk • Output
pengguna meng-input
huruf, angka, dsb. First name:
<form> Last name:
First name: <input
type="text"
name="firstname">
<br>
Last name: <input
type="text"
name="lastname">
</form>
Submission Button
• Ketika pengguna klik • Output
pada tombol “Submit”, Isi
form akan dikirimkan ke Username:
file lain.
<form name="input"
action="html_form_action
.asp" method="get">
Username: <input
type="text" name="user">
<br>
<input type="submit"
value="Submit">
</form>
Checkboxes
• Digunakan untuk • Output
memberikan pilihan pada
pengguna dengan
memberikan pilihan yang I have a bike
terbatas. I have a car
<form>
<input type="checkbox"
name="bike“
value=“bike”> I have a
bike
<br>
<input type="checkbox"
name="car“ value=“car”>
I have a car </form>
Radio Buttons
• Digunakan untuk • Output
memberikan pilihan pada
pengguna Male
<form> Female
<input type="radio"
name="sex"
value="male"> Male
<br>
<input type="radio"
name="sex"
value="female"> Female
</form>
Text Box

• Digunakan untuk • Output

mendapatkan inputan
dari pengguna.
<form> Please provide your
suggestion in the text box
<p>Please provide your
suggestion in the text box below:
below:</p>
<textarea row=“10”
cols=“30”>
</textarea>
</form>
Pull-down Menu

• Digunakan untuk • Output

mendapatkan respon dari
pengguna spesifik Select a fruit:
jawaban dengan
memberikan pilihan.
<p>Select a fruit:</p>
<select name"Fruit">
<option selected> Apples
<option> Bananas
< option > Oranges
</select>
Daftar Pustaka
• http://www.w3schools.com/html/default.asp