Upload presentasi
Presentasi sedang didownload. Silahkan tunggu
1
MENGGUNAKAN FORM Jika menginginkan sebuah website interaktif ,maka digunakan FORM. Sebuah form menggunakan : tag <FORM> dan ditutup dengan tag </FORM>
2
Contoh : <form method=”post” action=”mailto: <input type=”text” name=”nama” size=”30”> </form>
3
Perhatikan contoh pembuatan form diatas :
Form berfungsi untuk menjelaskan kepada komputer bahwa sedang membuat form Method berfungsi untuk menentukan bagaimana informasi akan dikirim. Jika memilih “POST” artinya sebundel data langsung dikirim, sedangkan “GET” artinya data dikirim dengan menambahkan sesuatu pada alamat URL di bagian atas browser. Action, berfungsi untuk mengirim pada form di atas, jika contoh diatas menggunakan maka artinya data akan dikirim ke alamat tersebut. Dapat juga diisi dengan alamat URL.
4
Pada baris terdapat <input type=”text” name=”nama” size=”30”>
INPUT, berfungsi untuk meminta input kepada pengunjung situs TYPE berfungsi menjelaskan jenis input yang diminta. Artinya memilih jenis teks yang akan menampilkan satu baris kotak input NAME, berfungsi untuk memberikan nama kepada onput SIZE, berfungsi untuk menyatakan panjang kotak input
5
Jenis-jenis form dengan INPUT
BUTTON CHECKBOX FILE HIDDEN IMAGE PASSWORD RADIO RESET SUBMIT
6
<html> <head> <title> form </title> </head> <body> <form method="post" Nama : <input type "text" name="nama" size="15"><br> <input type "text" name=" " size="25"><br> komentar anda:<br> <textarea name="komentar" rows="5" cols="45" wrap"soft"></textarea><br> jurusan anda? <br>
7
<input type="radio" name="jurusan_idaman" value="fik">fisika komputasi<br>
<input type="radio" name="jurusan_idaman" value="mak">matematika komputasi<br> <input type="radio" name="jurusan_idaman" value="kik">kimia komputasi<br> <input type="radio" name="jurusan_idaman" value="biok">biologi komputasi<br> <input type="radio" name="jurusan_idaman" value="bik">bahasa inggris komputasi<br> <input type="radio" name="jurusan_idaman" value="abstain">tidak ada pilihan<br> ilmuwan TI favorit anda (boleh lebih dari satu)?<br>
8
<input type="checkbox" name="ilmuwan" value="vb"> vanner bush
<input type="checkbox" name="ilmuwan" value="bg"> bill gates <input type="checkbox" name="ilmuwan" value="tn"> ted nelson <input type="checkbox" name="ilmuwan" value="ba"> bill atkinson <input type="checkbox" name="ilmuwan" value="rc"> robert cailau <input type="checkbox" name="ilmuwan" value="tbl"> Tim Banners Lee<br> Siapa yang menjadi icon TI di dunia?<br> <select name="ilmuwan TI " size="1"
9
<option> vannner bush<br>
<option> bill gates <br> <option> ted nelson <br> <option> bill atkinson <br> <option> Tim Banners Lee <br> <option> tidak ada pilihan <br> </select> <input type="reset" name="batal" value="batal"> <input type="submit" name="name" value="kirim"> </form> </body> </html>
Presentasi serupa
