Cara Membuat FORM Web Desain

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.