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 teks 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 :
contoh :
<Selectname=”Buah”>
<Option>Apel
<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”>
<Input type=”File”>
Contoh :{ {Browse.........}
8. Submit
Digunakan untuk memberi nama
<Inputtype=”Submit”Name=”name”Value=”send=kirim”>
<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”>
<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)
Tidak ada komentar:
Posting Komentar