Minggu, 21 Desember 2014

Form dan Input HTML

Form dan Input HTML
Form  merupakan  salah  satu  elemen  HTML  yang  digunakan  untuk  mendapatkan  masukan  dari
pengguna  web.  Pengguna  web  dapat  memasukkan  input  melalui  halaman-halaman  HTML.
Umumnya  pengolahan  form  dilakukan  pada  server  dengan  menggunakan  skrip  yang  bersifat
server-side  seperti  PHP,  ASP  dan  lain  sebagainya.  ).  Untuk  membuat  form  digunakan  tag  awal
<form> dan tag penutup </form>.
Sintaks penulisannya :
"<form action=”url” method=”get|post”> </form> "


1..Jenis masukan dalam satu formulir dibedakan menjadi :
1.Text, digunakan untuk mengisi suatu nilai dapat berupa teks atau angka. 2.Radio, elemen isian berupa pilihan dimana hanya satu pilihan yang dapat dilakukan.
3.Checkbox, elemen yang menyediakan beberapa pilihan bisa lebih dari satu.
4.List, elemen pilihan dalam bentuk daftar.
5.Button, elemen berupa tombol untuk melakukan suatu proses.
6.Submit, elemen tombol yang digunakan untuk memanggil url.
7.Reset, elemen tombol yang digunakan untuk mengembalikan kondisi awal.
8.Image, digunakan sebagai pengganti button, berupa gambar yang dapat melakukan proses.
9.Textarea, elemen yang dapat menampung kumpulan teks ketikan dari user.
10.File, elemen button yang dapat memanggil file atau gambar dari storage.
11.Password, elemen berupa teks yang khusus digunakan untuk mengisi password.

Contoh Form Input HTML
<form onsubmit="return false"> <b>Contoh Input HTML</b><hr /> Input Text:<br> Nama: <input type="text" name="nama" /> <hr /> TextArea:<br> Alamat: <textarea name="alamat"></textarea> <hr /> Checkbox dengan label:<br /> <label>Checkbox <input type="checkbox" name="cek" /></label> <hr /> Pilihan:<br /> <select name="jenis_kelamin"> <option value="L">Laki-laki</option> <option value="P">Perempuan</option> </select> <hr /> Radio Button:<br /> <fieldset> <label><input type="radio" name="pilihan" value="y" />Ya</label><br /> <label><input type="radio" name="pilihan" value="t" />Tidak</label> </fieldset> <hr /> </form>

hasilnya:

  



Tidak ada komentar:

Posting Komentar