Form HTML

Form HTML

Formulir dalam HTML sangat diperlukan untuk memasukkan data ke dalam database. Tapi yang jadi masalah, HTML nggak bisa menangani database. Untuk menangani database kita bisa menggunakan script ASP, PHP.

Beriku penulisan untuk pembuatan formulir:

<form action="file_tujuan" method="post|get">

...

</form>

Input

Tag ini tak memerlukan tag penutup. Digunakan untuk meminta masukkan berupa text, password, penekanan tombol, dll. Atribut yang dipakai :

·         NAME="text" => mendefinisikan objek input. Musti di berikan kecuali untuk type Submit dan reset.

·         SIZE="angka" => menentukan panjang kotak input dalam karakter.

·         MAXLENGTH="angka" => menentukan panjang karakter maksimum yang bisa dimasukkan.

·         VALUE="text" => untuk type text menentukan text yang tertulis di kotak input, untuk type    checkbox atau radio merupakan nilai item yang dipilih. Untuk submit atau reset merupakan tulisan pada tombol

·         CHECKED => Hanya untuk type checkbox dan radio untuk menentukan pilihan yang terpilih secara otomatis (default)

·         TYPE => menentukan type input yang dibuat.

Type input yang dapat dibuat antara lain :

1. Text - digunakan untuk membuat kotak masukan text

2. Password - digunakan untuk membuat masukan password dimana karakter yang dimasukkan akan berubah menjadi *

3. CheckBox - digunakan untuk menerima masukkan pilihan lebih dari satu

item 1

item 2

item 3

4. Radio - untuk membuat daftar pilihan dan hanya boleh memilih salah satu.

item 1

item 2

item 3

5. Reset - Digunakan untuk menghapus daftar isian yang udah diisi oleh pengguna

6. Submit - digunakan sebagai tombol untuk mulai memproses masukkan pengunjung

Inputan tersebut diletakkan diantara Tag <form> dan </form>.

Dropdown Menu

Menu dropdown bisa menjadi alternatif penggunaan input radio. Tag yang diperlukan :

<select name ="nama">

   <option value ="nilai1" selected>menu1

   < option value ="nilai2">menu2

   < option value ="nilai3">menu3

   <!--dan seterusnya...-->

</select>

NAMA adalah nama objek masukan. Bisa apa aja tapi ingat jangan 

menggunakan spasi, titik, atau koma. 

VALUE adalah nilai yang akan dikirim bila pengunjung memilih menu1.  

SELECTED adalah menu yang terpilih secara otomatis. Bila atribut ini tak 

dicantumkan, maka akan ditambahkan satu baris kosong dan bila pengunjung 

memilihnya maka berarti null atau tak memilih.

Ada satu atribut lagi yaitu Size yang ditempatkan dalam tag SELECT. 

Berguna untuk menentukan berapa baris menu yang ingin ditampilkan. 

Bila atribut ini tak dicantumkan, maka default baris yang dicantumkan 

satu baris.

 

Script diatas akan menghasilkan menu berikut :

menu1
menu2
menu3

Input Komentar

Terkadang pengunjung ingin memberi komentar baik itu kritik, saran, hujatan, pujian, dll. Sebagai tuan rumah yang baik, kamoe kudu ngasih ruang buat mereka. Gunain aja tag berikut :

<TEXTAREA COLS="angka"ROWS="angka">...</TEXTAREA>

COLS - lebar text area dalam satuan karakter.

ROWS - tinggi text area dalam satuan karakter.

Perhatikan contoh ini :

<form>Isi komentar anda

<textarea cols="35" rows="7">

Komentar default disini

</textarea>

</form>

Dan hasilnya :

Isi komentar anda Komentar default disini