M a ca m I n pu t Type

M a ca m I n pu t Type

Sebagian besar penulisan form akan selalu digunakan input t ype. Tag input dan at t ribut nya yait u t ype akan m enent ukan out put yang dit am pilkan oleh browser. Bisa berupa t om bol, check box, password box dan sebagainya. Unt uk lebih m em perj elas lihat lah cont oh di berikut

<form action="tidak_ada.php" method="POST"> <input type="text" name="coba" size="30" maxlength="45"> <input type="submit" value="GO!!">

</form>

Out put dari kode diat as akan t erlihat sepert i gam bar 1.3.

Gam bar 1.3: Cont oh sederhana form HTML

Set iap t ype j uga m em iliki at t ribut sendiri- sendiri. Tapi set iap t ype past i m em iliki at t ribut nam e. Berikut ini beberapa t ipe t ype yang dapat anda gunakan:

ƒ Tex t – t ipe ini sepert i yang t erlihat di gam bar yait u berupa t ext box. Text m em iliki t iga

at t ribut diant aranya: ƒ Size – yang m erupakan ukuran panj ang dari t ext box. ƒ M ax lengt h – m erupakan karakt er m aksim al yang dapat dit am pung oleh t extbox. ƒ Va lue – m erupukan isi dari t ext box yang t elah dit et apkan. User dapat

m enggant inya dengan langsung m enget ikkan pada t ext box. ƒ Pa ssw ord – ham pir sam a dengan t ext hanya saj a karakter yang diket ikkan akan berupa ast erik ( * ) . ƒ H idden – input ini t idak dim unculkan di layar browser. Dapat digunakan unt uk m enyim pan nilai at au variabel yang digunakan unt uk halam an berikut nya. ƒ Subm it – t ipe ini akan m enam pilkan t om bol subm it ( pengirim an) . Nam a t om bol diam bil dari nilai at t ribut value. Jika t idak ada m aka nam anya Subm it Query. ƒ Reset – t ipe ini digunakan unt uk m em bersihkan segala isian pada form . At t ributnya

ham pit sam a dengan subm it . ƒ File – t ipe ini digunakan unt uk proses peng- upload- an file. Tam pilannya ham pir sam a

dengan t ipe t ext t api disebelahnya ada t om bol “ browse” . Ket ika user m enekan browse akan m uncul kot ak dialog unt uk m em ilih file yang diupload.

ƒ Checkbox – t ipe ini akan m em unculkan t am pilan checkbox. Biasanya checkbox

digunakan unt uk m em ilih lebih dari sat u pilihan. Jika pada t ag ini t erdapat kat a “ checked” m aka checkbox t ersebut akan dit andai.

ƒ Radio – t ipe ini akan m enam pilkan t am pilan radio but t on. Tipe ini digunakan j ika kit a

harus m em ilih hanya sat u pilihan. Jika ada kat a “ checked” m aka radio t ersebut akan dit andai( default ) .

ƒ I m a ge – fungsinya sam a dengan subm it hanya saj a anda dapat m enentukan gam bar

sebagai penggant i t om bol.

Kode berikut ini m encont ohkan penggunaan m acam - m acam t ype t ersebut kecuali File dan

I m age.

< form action ="tidak_ada.php" method ="POST">

< h2 >Formulir Pendaftaran</ h2 >

Nama: < input type ="text" name ="nama" value ="Ketik Nama Disini" size ="30" maxlength="50">< br > Password: < input type ="password" name ="nama" size ="30" maxlength="50">< br >

< input type ="checkbox" name ="mailing" value ="ya"> Jika dicek anda bersedia menjadi anggota mailing list kami.

< input type ="hidden" name ="sembunyi" value ="anda tidak dapat melihatku">

< p > Status Anda?< br >

< input type ="radio" name ="status" value ="menikah">Sudah Menikah< br > < input type ="radio" name ="status" value ="belum">Belum Menikah< br > < input type ="radio" name ="status" value ="duda_janda">Duda/Janda< br >

</ p > < input type ="submit" value ="DAFTAR"> < input type ="reset" value ="RESET"> </ form >

Out put dari kode diat as akan sepert i gam bar 1.4.

Gam bar 1.4: Penggunaan m acam - m acam t ype