PEMROGRAMAN WEB DEWI SULISTIYARINI, S.KOM dhewy_one37@yahoo.co.id.

Presentasi berjudul: "PEMROGRAMAN WEB DEWI SULISTIYARINI, S.KOM dhewy_one37@yahoo.co.id."— Transcript presentasi:

1 PEMROGRAMAN WEB DEWI SULISTIYARINI, S.KOM

2 Form Form merupakan elemen html yang digunakan untuk mendapatkan masukan dari pengguna. Dua atribut pada tag form : Action : menentukan lokasi dari script yang akan memproses data dari method. Method : menentukan bagaimana data akan dikirm ke server dengan dua cara : Get Post

3 Macam-macam komponen input :
Button Text Checkbox Radio Textarea Combo box

4 Button <form> <table border="1"> <tr> <td> <input type="button" name="kirim" value="kirim" /> </td> <td> <input type="button" name="cancel" value="cancel" /> </td> </tr> </table> </form>

5 Text <form> <table border="1"> <tr> <td> Nama </td> <td> : </td> <td> <input type="text" name="nama" value="nama" size="30" /> </td> </tr> </table> </form>

6 Check Box <form> <table border="1"> <tr> <td> Pekerjaan </td> <td> : </td> <td> <input type="checkbox" name=“pekerjaan" value=“1" checked="checked" /> Petani <input type="checkbox" name=“pekerjaan" value=“2" /> Nelayan <input type="checkbox" name="pekerjaan" value=“3" /> Pedagang <input type="checkbox" name="pekerjaan" value=“4" /> Pengusaha </td> </tr> </table> </form>

7 Radio <form> <table border="1"> <tr> <td> Pekerjaan </td> <td> : </td> <td> <input type="radio" name="pekerjaan" value="1" checked="checked" /> Petani <input type="radio" name="pekerjaan" value="2" /> Nelayan <input type="radio" name="pekerjaan" value="3" /> Pedagang </td> </tr> </table> </form>

8 Text Area <form> <table border="1"> <tr> <td> Alamat </td> <td> : </td> <td> <textarea cols="30" rows="3" name="alamat"> </textarea> </td> </tr> </table> </form>

9 Combo Box <form> <table border="1"> <tr> <td> Jurusan </td> <td> : </td> <td><select name="jurusan" id="jurusan"> <option> P.TIK </option> <option> Sejarah </option> <option> BK </option> <option> Penjaskes </option> </select></td> </tr> </table> </form>