Home » » Belajar membuat form dengan mudah di html #9

Belajar membuat form dengan mudah di html #9

Written By mediana saputra on Sunday, 27 January 2013 | 19:25



Form dalam html adalah input atau masukan dari pengguna dan kemudian dip roses untuk mendapatkan hasil yang di inginkan pengguna, seperti proses penyimpanan, proses edit atau sunting, proses browse dan hapus. Sintak dari form adalah sebagai berikut :
<form name=”nama_form” method=”POST  |  GET” action=”URL”>
………………………………..
</form>
Keterangan :
-          Nama form adalah nama form yang akan di gunakan
-          Method adalah metode yang di gunakan dalam penyimpanan data ke server
-          Action adalah adalah alamat yang digunakan untuk pemrosesan input form di dalam server
Form memiliki control form yang di gunakan untuk menklasifikasi input atau masukan dari pengguna.
Control form terdiri dari :
  • ·         Control text

Control text di gunakan untuk memberikan inputan atau masukan berupa kotak isian.
Sintaknya adalah sebagai berikut :
<input type=”text” [property]>
Tag <input> di gunakan untuk membuat komponen-komponen yang di gunakan untuk meminta informasi dari user, misalnya kotak text, kotak pilihan, tombol dan lain-lain.
Tag ini tidak memerlukan tag penutup, tag ini mempunyai beberapa atribut, yaitu :

Atribut Keterangan dari tag input >>

TYPE, menentukan type input yang di buat adalah :
-          Text, digunakan untuk membuat kotak text.
-          Password, digunakan untuk membuat text password,sehingga ketika kita mengetikan text biasa maka akan di tampilkan dengan tanda  *
-          Check box, di gunakan untuk membuat suatu daftar yang dapat di pilih lebih dari satu.
-          Radio, digunakan untuk membuat suatu daftar pilihan yang hanya dapat di pilih satu saja.
-          Reset, digunakan untuk membuat tombol yang berfungsi untuk menghapus semua isian yang telah tertuliskan pada form
-          Submit, digunakan untuk membuat tombol yang fungsinya untuk mengirimkan data form agar diolah atau diproses.
NAME, mendefinisikan nama dari object input.
SIZE, menentukan ukuran kotak inputan atau isian.
MAXLENGTH, untuk menentukan jumlah MAX karakter yang dapat di masukan pada kotak text.
VALUE, untuk menentukan text yang tertulis. Untuk check box atau radio, menentukan item yang dipilih.untuk submit dan reset,menentukan text yang tertulis pada tombol.
CHECKED, hanya digunakan untuk check box atau radio, menentukan pilihan yang terpilih secara default.
PLACEHOLDER, untuk membuat efek bayangan pada kotak inputan text. Seperti : text,password, dan textarea.
  • ·         Control password

Control password adalah sebuah control html yang penggunaannya mirip dengan control text akan tampil dengan text biasa, sedangkan control password akan ditampilkan dengan tanda asteris ( * ).
Sintaknya adalah sebagai berikut :
<input type=”password” [atribut]>
  • ·         Control radio

Control radio digunakan untuk menampilkan salah satu pilihan dari satu kumpulan / group pilihan.
Sintaknya adalah sebagai berikut :
                <input type=”radio” [atribut]>
  • ·         Control checkbox

Control checkbox di gunakan untuk memilih beberapa pilihan yang tersedia. Penggunaannya hampir sama dengan control radio, perbedaannya terletak pada pilihan yang di mungkinkan lebih dari satu.
Sintaknya adalah sebagai berikut :
<input type=”checkbox” [atribut]>
  • ·         Control select

Control select digunakan untuk membuat sebuah daftar pilihan.
Sintaknya adalah sebagai berikut :
<select [atribut]>
<option>item 1</option>
<option>item 2</option>
</select>
  • ·         Control textarea

Control textarea merupakan control text yang dapat menuliskan text lebih banyak karena memiliki ruang / kapasitas lebih besar dibandingkan dengan control text.
Sintaknya adalah sebagai berikut :
<textarea[atribut]>
…….. isi text ………………
</textarea>
  • ·         Control button

Control button digunakan untuk mengontrol suatu aksi atau menjalankan sebuah prosedur / event. Ada tiga type yang termasuk control button,yaitu : button, submit, dan reset. Button digunakan untuk mengontrol atau menjalankan suatu prosedur atau event dari vbscript, submit digunakan untuk mengirim data-data ke server (lebih banyak berhubungan dengan pemrograman yang berbasis server side seperti ASP), sedangkan reset digunakan untuk menghapus data-data yang ada dalam suatu form. Sintaknya adalah sebagai berikut :
<input type=”button” [atribut]>
<input type=”submit” [atribut]>
<input type=”reset” [atribut]>
  • ·         Control image

Control image digunakan untuk mengelola / mengolah gambar.
Sintaknya adalah sebagai berikut :
<input type=”image” [atribut]>
Share this article :

Post a Comment

 
Support : Creating Website | Johny Template | Mas Template
Copyright © 2011. Turorial Grapich Design and Blog Design - All Rights Reserved
Template Created by Creating Website Published by Mas Template
Proudly powered by Blogger