WELCOME |Terimakasih telah berkunjung semoga bermanfaat|by: anonymous

Minggu, 19 Januari 2014

Form

Form biasanya digunakan untuk mengumpulkan data dari pengunjung web kita. Mulai dari form untuk login, form kontak, form untuk pendaftaran user, bahkan untuk mengirimkan data antar halaman web. 
Penggunaan form hanya menggunakan HTML saja tidak akan terlalu berguna. Form biasanya hanya berupa interface yang disediakan untuk mengumpulkan data dari user.
Tag dasar yang akan kita gunakan untuk membuat form di HTML adalah tag form, input, textarea,select dan option.

Pengertian tag form

Sebuah form dalam HTML harus berada di dalam tag form, yang diawali dengan <form> dan diakhiri dengan </form>. Tag form akan membutuhkan beberapa atribut untuk dapat berfungsi dengan seharusnya.
Atribut yang pertama adalah action, yang fungsinya menjelaskan kemana data yang didapat form akan dikirimkan. Biasanya nilai dari atribut action ini adalah alamat dari sebuah halaman PHP yang akan memproses isi data form.
Atribut kedua adalah method, yang berfungsi untuk menjelaskan bagaimana data isian form akan dikirim. Nilai dari atribut method ini bisa berupa get atau post.
Perbedaannya, jika kita mengisi atribut method dengan get (dimana ini adalah nilai default seandainya kita tidak menuliskannya) maka isian form akan terlihat pada url browserMethod get ini biasanya digunakan untuk query pencarian. Method post biasanya digunakan untuk data yang lebih sensitif seperti yang berisi password, atau registrasi user. Data hasil form tidak akan terlihat pada browser.

<html>
<head>
<title>Contoh Form</title>
</head>

<body>
<form action="formulir.html" method="get">

Nama : <input type="text" name="nama" value="Nama Kamu" />
<br />

Password: <input type="password" name="password" />
<br />

Jenis Kelamin : <input type="radio" name="jenis kelamin" value="laki=laki" checked /> Laki-Laki
<input type="radio" name="jenis kelamin" value="perempuan" checked /> Perempuan<br />

Hobi : <input type="checkbox" name="hobi_catur" /> Catur
Hobi : <input type="checkbox" name="hobi_bola" /> Bola Kaki<br />

Asal Kota:
<select name="asal_kota">
<option value="Medan" checked>Medan</option>
<option>PematangSiantar</option>
<option>Kisaran</option>
<br />

Komentar Anda:
<textarea name="komentar" rows="7" cols="25">Silahkan isi komentar anda</textarea>
<br />

<input type="submit" value="Mulai Proses!">

</form>
</body>
</html>


 
  

0 komentar:

Posting Komentar