HTML FORMS & INPUT Khafiizh Hastuti.

Presentasi berjudul: "HTML FORMS & INPUT Khafiizh Hastuti."— Transcript presentasi:

1 HTML FORMS & INPUT Khafiizh Hastuti

2 Objectives Forms Input Tag and Attributes

3 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 Drop down menu Text area field

4 Forms Form pada HTML ditandai dengan tag <form>
Tag <form> diikuti dengan tag <input> <form action=“ ”> First name : <input type=“text” name=“fname”> Last name : <input type=“text” name=“lname”> </form> First Name : Last Name :

5 Check Boxes Menggunakan tag <type=“checkbox”> Male Female
<form action=“ ”> Male : <input type=“checkbox” name=“status” value=“male”> Female : <input type=“checkbox” name=“status” value=“female”> </form> Male Female

6 Radio Button Menggunakan tag <type=“radio”> Male Female
<form action=“ ”> Male : <input type=“radio” name=“status” value=“male”> Female : <input type=“radio” name=“status” value=“female”> </form> Male Female

7 Drop Down List Menggunakan tag <select name=“”>
<form action=“ ”> <select name=“continent”> <option value=“asia”>Asia</option> <option value=“africa”>Asia</option> <option value=“europe”>Europe</option> <option value=“america”>America</option> <option value=“australia”>Australia</option> <option value=“antartica”>Antartica</option> </select> </form>

8 Latihan Buat form dengan ketentuan : Nama : TTL : Jenis Kelamin :
Laki – Laki Perempuan Jurusan : Teknik Informatika Sistem Informasi Desain Komunikasi Visual Broadcasting