Perintah Form

Perintah Form

Form diibaratkan sebuah formulir yang selan jutnya akan di isi oleh pengguna web. Membuat from selalu diwali dengan tag(form) dan ditutup dengan tag (/from). Diantara tag pembuka dan penutup form diisi tag <input> yang digunakan untuk membuat berbagai jenis masukan 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 teks atau angka. Teks dari pengguna dapat dimasukkan kedalam nnkotak teks yang tersedia.

Nama depan: <input type=”text” nama=”firstname” size=”20” maxlength=”20”>

Ket:

Ø  Name digunakan untuk menamai kotak tek
s tersebut

Ø  Size digunakan untuk mengatur ukuran dari kotak teks

Ø  Maxlength digunakan untuk menentukan panjang maksimum teks yang dapat dimasukkan

Ø  Value digunakan untuk menandai atau menampung teks yang di isinkan, jika atribut value sudah ditentukan dari awal, maka teksnya akan langsung muncul dalam kotak teks yang tersedia.

Contoh:

Nama depan 

2.       Password

Mirip text, namun digunakan untuk menerima masukan berupa password dari pengguna. Teks yang dimasukkan akan disamarkan dan akan terlihat menjadi karakter-karakter tertentu, misanya “*”

<input type=”password”>

Atribut yang diguanakan pada type password sama pada tipe teks. Perhatikan, pada atribut, value yang dikosongkan sehingga tidak ada nilai dari awal.

Password:<input type=”password” name=”nama” size=”20” maxlength=”20”>

Contoh

****

Password:

3.       Checbox

digunakan untuk menerima masukan berupa pilihan, pilihan yang dapat dipilih lebih dari satu.

<input type=”checbox” name=”buah” value=”pisang”> pisang

<input type=”chcebox” name=”buah” value=”apel” checked> apel

<input ype=”checbox” name=”buah”  value=”anggur”> anggur

Ø  Name dan value digunakan untuk menamai masing-masing checbox

Ø  Checked digunakan untuk membuat sebuah checbox otomatis terpilih

Contoh:

Pisang

Apel

anggur

4.       Radio

Digunakan untuk menerima masukan berupa pilihan. Pilihan yang dapat dipilih hanya satu pilihan dalam sau waktu dalam datu nama yang sama.

<input type=”radio nama=”sex” value=”P”> pria

<input type=”radio nama=”sex” value=”W”>wanita

<input type=”radio nama=”sex” value=”W” checked>wanita

Ø  Name digunakan untuk memberikan nama

Ø  Value digunakan untuk menandai atau memberikan nilai dengan isi tergantung pilihan anda

Ø  Checked digunakan untuk membuat sebuah radio otomatis terpilih

Contoh:

Ø  Pria

Ø  Wanita

5.       Select (Daftar)

Digunakan untuk menampilkan beberapa opsi pilihan dalam bentuk menu dropdown (scroll). Perintahnya didalam tag <Select> - </Select> anda dapat menuliskan tag <option>
contoh :

<Selectname=”Buah”>
<Option>Apel

<Option>Anggur

<Optionselected>Jeruk Bali

</Select>

Ø  Selected digunakan untuk melakukan pilihan awal,

contoh :

6.       Text Area

Digunakan untuk menerima masukan data dalam bentuk teks berupa memo. <TextAreaName=”Commentar”rows=”6”cols=”40”wraf=”off”> Tulisan ini didalam kotak </TextArea>

Ø  Rows untuk menentukan jumlah baris

Ø  Cols untuk menentukan jumlah coloum

Ø  Name untuk memberi nama

Ø  Wraf memiliki 3 pilihan yaitu :

o   Off -> Tulisan berpindah kebaris berikutnya

o   Hard -> Tulisan terpotong ketika sampai kebatas kanan, kemudian berpindah kebaris baru

o   Soft -> Data terpotongsaat menyentuh batas kanan dan berpindah kebaris baru

Tulisan dalam kotak

Contoh :

7.       File

Digunakan untukmenerima masukan berupafile (Upload)
<Input type=”File”>

Contoh :{                                                         {Browse.........}

8.       Submit

Digunakan untuk memberi nama
<Inputtype=”Submit”Name=”name”Value=”send=kirim”>

Ø  Name -> Digunakan untuk memberi nama

Ø  Value -> Digunakan untuk menampilkan text diatas tombol

Contoh : {Send =Kirim}

9.       Reset

Digunakan untuk mengembalikan keadaan form kembali sperti keadaan awal
<Inputtype=”reset”name=”nama”value=”undo”>

Contoh : {Undo}

10.   Button

Digunakan untuk membuat tombol yang dapat di klik oleh pengguna

<input type=”button” name=”nama” value=”tombol”>

Contoh: (tombol)

11.   Image

Digunakan untuk masukan berupa gambar yang dapat di klik. Fungsiya hampir sama dengan submit

<inputtype=”image” align=”left” name=”gambar” src=”logo.gif”>

Contih: (gambar)