Rabu, 07 November 2012

Form dan Input HTML Reviewed by Esemka Date 11/07/2012 04:01:00 AM

Form dan Input HTML

Materi 10
Form dan Input HTML
A.     Sintaks Form
Elemen HTML yang digunakan untuk mendapatkan masukan dari pengguna web. Pengguna web dapat memasukan input melalui halaman-halaman HTML. Dalam satu form dapat terdiri atas beberapa form, akan tetapi hanya satu form yang dapat dikirimkan ke server dalam satu saat.
Sintaks form:
<form action=”_url_” method=”get|post” > </form>

Penjelasan:
-          Atribut Action = tempat menspesifikasikan URL, yang digunakan sebagai pemroses field input form.
-          Atribut URL =  lokasi dokumen yang akan melakukan proses terhadap input dari form.
-          Atribut Method = untuk menyatakan bagaimana masukan-masukan berasal dari form

B.      Jenis masukan dalam Form
Setiap jenis masukan dalam formulir mempunyai tag-tag sendiri dengan masing-masing atribut.
a.      Tag Text
Sintaks: <input type=”text” name=”variabel” size=# maxlength=#>
b.      Tag Radio
Sintaks:
<input type=”radio”>Pilihan 1
<input type=”radio”>Pilihan 2
<input type=”radio”>Pilihan 3

c.       Tag Checkbox
Sintaks:
<input type=”checkbox”>Pilihan 1
<input type=”checkbox”>Pilihan 2
<input type=”checkbox”>Pilihan 3
d.      Tag Select
Sintaks:
<select size=2>
<option>Pilihan 1
<option>Pilihan 2
<option>Pilihan 3
</select>
e.      Tag Button
<input t
ype=”submit”>
<input type=”reset”>
f.        Tag Image
<input type=”image” src=”url_image”>
g.      Text Area
<textarea cols=”55” rows=”5”> </textarea>
C.      Contoh Form
Cobalah contoh-contoh form dibawah ini:
a.      Berikut adalah dropdown box sederhana
b.      Berikut adalah contoh text area dan tombol

c.       Berikut adalah fieldset sekitar data
Contoh ini mendefinisikan bagaimana membuat suatu border dengan caption disekeliling data kalian.


Terimakasih Anda telah membaca tulisan / artikel di atas yang berjudul : Form dan Input HTML jangan lupa komen dan berbagi :)

Tidak ada komentar :

Posting Komentar