HTML FORMS & INPUT
Danang Wahyu Utomo
Danang Wahyu Utomo, M.Kom, M.CS
Objectives
Forms
Forms
HTML Forms digunakan untuk koleksi input yang berbeda
Form elemen adalah elemen yang memungkinkan user
untuk memasukkan informasi dalam form seperti :
-
Text field
-
Check boxes
-Radio menus
Danang Wahyu Utomo, M.Kom, M.CS
Forms
Form pada HTML ditandai dengan tag <form>
Tag <form> diikuti dengan tag <input>
<for a tio = >
First a e : <i put t pe= te t a e=
fname
>
Last a e : <i put t pe= te t a e=
lname
>
</form>
First Name :
Check Boxes
Menggunakan tag
<t pe= he k o >
<for a tio = >
Male : <i put t pe= he k o a e= status value= ale >
Fe ale : <i put t pe= he k o a e= status value= fe ale >
</form>
Danang Wahyu Utomo, M.Kom, M.CS
Radio Button
Menggunakan tag
<t pe= radio >
<for a tio = >
Male : <i put t pe= radio a e= status value= ale >
Fe ale : <i put t pe= radio a e= status value= fe ale >
</form>
Drop Down List
Menggunakan tag
<sele t a e= >
<for a tio = >
<sele t a e= o ti e t >
<optio value= asia >Asia</optio >
<optio value= africa >Asia</optio >
<optio value= europe >Europe</optio >
<optio value= america >A eri a</optio >
<optio value= australia >Australia</optio >
<optio value= antartica >Antartica</option> </select>
Danang Wahyu Utomo, M.Kom, M.CS
Latihan
Buat form dengan ketentuan :
Nama :
TTL :
Jenis Kelamin :
- Laki – Laki
- Perempuan
Jurusan :
- Teknik Informatika
- Sistem Informasi
- Desain Komunikasi Visual