FORM
FORM di ibaratkan sebuah formulir yang selanjutnya akan di isi oleh pengguna web. Membuat form selalu di awali dengan tag <FORM> dan ditutup dengan tag </FORM>. Di antara tag pembuka dan penutup form di isi tag <INPUT> yang digunakan untuk membuat berbagai jenis mesukan didalam form yang dibuat.
Tag <Input> memiliki atribut type yang dapat digunakan untuk menentukan jenis masukan yang anda inginkan:
1. Text
Digunakan untuk menerima masukan berupa text atau angka. Text dari pengguna dapat dimasukkan ke dalam kotak text yang tersedia.
Contohnya:
Nama Depan :<input type="text" name="firstname" size="20" maxlength="20">
2. Password
Mirip text, namun digunakan untuk menerima masukkan berupa password dari pengguna. Text yang dimasukkan akan disamarkan dan akan terlihat menjadi karakter karakter tertentu "*".
Contoh:
Password :<input type="password" name="nama" size="20" maxlength="20">
3. Checkbox
Digunakan untuk menerima masukkan berupa pilihan, pilihan yang dapat dipilih dari satu.
Contoh:
<input type="checkbox" name="buah" value="pisang">Pisang
<input type="checkbox" name="buah" value="apel" checked>Apel
<input type="checkbox" name="buah" value="jeruk">Jeruk
4. Radio
Digunakan untuk menerima masukkan berupa pilihan. Pilihan yang dipilih hanya satu pilihan dalam satu nama yang sama.
Contoh:
<input type="radio" name="sex" value="P" checked>Pria
<input type="radio" name="sex" value="W">Wanita
5. Select (Daftar)
Digunakan untuk menampilkan beberapa opsi pilihan dalam bentuk menu dropdown (Scroll). Perintahnya didalam tag <select>. . .</select> anda dapat menulis tag <option>.
Contoh:
<select name="Buah">
<option>Pisang
<option>Apel
<option selected>Jeruk
</select>
6. Text Area
Digunakan untuk menerima masukkan data dalam bentuk text berupa memo.
Contoh:
<text area name="komentar" rows="7" cols="40" wraf="off">Masukkan komentar anda</text area>
7. File
Digunakan untuk menerima masukkan berupa file (upload).
Contoh:
<input type="file">
8. Submit
Digunakan untuk mengirim data.
Contoh:
<input type="submit" name="nama" value="kirim">
9. Reset
Digunakan untuk mengembalikan keadaan form seperty keadaan awal.
Contoh:
<input type="reset" name="nama" value="undo">
10. Button
Digunakan untuk membuat tombol yang dapat di klik oleh pengguna.
Contoh:
<input type="button" name"nama" value="tombol">
11. Image
Digunakan untuk memasukkan berupa gambar yang dapat di klik fungsinya hampir sama dengan submit.
<input type="image" align="left" name="gambar" src=logo.jpg>
Fungsi | Keterangan |
Name | Digunakan untuk manamai kotak text |
Size | Digunakan untuk mengatur ukuran dari kontak text |
Maxlength | Digunakan untuk menentukan panjang maksimum text yang dapat dimasukkan |
Value | Digunakan untuk menandai atau menampung text yang di isikan |
Checked | Digunakan untuk membuat sebuat checkbox atau radio terpilih otomatis |
Selected | Digunakan untuk melakukan pilihan awal |
Rows | Digunakan untuk menentukan jumlah baris |
Cols | Digunakan untuk menentukan jumlah kolom |
Wraf | Off untuk tulisan berpindah ke baris berikutnya Hard untuk tulisan terpotong ketika sampai kebatas kanan kemudian berpindah ke baris baru Soft untuk data terpotong saat menyentuh batas kanan dan berpindah kebaris baru |
Itulah dasar dasar FORM web desain yang saya ketahui, Untuk mengetahui dasar dasar web desain lainnya silahkan kunjungi Dasar Dasar Web Desain.
