Membuat FORM pada dokumen HTML

18Mar08

FORM merupakan elemen HTML yang berupa blangko yang digunakan untuk menjaring informasi dari pengguna. Untuk membuat FORM dimulai tag <form> dan diakhiri dengan </form>.
Untuk lebih jelasnya, lihat script berikut :

<html>
<head><title>macam-macam FORM</title></head>
<body>
<form>
<p><b><font face=”Verdana” size=”2″>1. contoh INPUT type TEXT:<br>
<input type=”text” name=”nama” size=”15″ maxlength=”12″>

<p>2. contoh INPUT type PASSWORD:<br>
<input type=”password” name=”password” size=”30″ maxlength=”30″>

<p>3. contoh INPUT type CHECKBOX:<br>
<input type=”checkbox” name=”checkbox1″ value=”checkbox_value1″>cek bok
<input type=”checkbox” name=”checkbox2″ value=”checkbox_value2″>cek bok

<p>5. contoh INPUT type RADIO #1:<br>
<input type=”radio” name=”pilih” value=”pilih1″>Ya
<input type=”radio” name=”pilih” value=”pilih2″>Tidak

<p>6. contoh INPUT type RESET:<br>
<input type=”reset”>
<input type=”reset” value=”bersihkan”>

<p>7. contoh INPUT type SUBMIT:<br>
<input type=”submit”>
<input type=”submit” value=”kirim”>

<p>8. contoh TEXTAREA :<br>
<textarea name=”komentar” rows=”4″ cols=”40″>Text</textarea>

<p>9. contoh SELECT #1 :<br>
<select name=”situs”>
<option selected value=”Ethernet”>Ethernet
<option value=”token16″>Token Ring – 16MB
<option value=”token4″>Token Ring – 4MB
<option value=”localtalk”>Localtalk
</select>

<p>10. contoh SELECT #2 (bila size > atau = jumlah pilihan):<br>
<select size=”4″ name=”jarkomp”>
<option selected value=”Ethernet”>Ethernet
<option value=”token16″>Token Ring – 16MB
<option value=”token4″>Token Ring – 4MB
<option value=”localtalk”>Localtalk
</select>

<p>11. contoh SELECT #3 (bila size < jumlah pilihan, perhatikan pengaruh MULTIPLE):<br>
<select size=”4″ multiple name=”jarkomp”>
<option selected value=”Ethernet”>Ethernet
<option value=”token16″>Token Ring – 16MB
<option value=”token4″>Token Ring – 4MB
<option value=”localtalk”>Localtalk
<option value=”wifi”>Wifi
</select>
<br>
Jika masih ada yang lain, silakan isi : <input type=”text” name=”jarkomp_lain”></b></font>
</form>
</body>
</html>
html.jpg


Filed under: Tutorial, Tips Trik   |  8 Comments
Tags: , , , ,

8 Responses to “Membuat FORM pada dokumen HTML”  

Feed for this Entry Trackback Address
  1. 1 agung darmawan on 17/10/2009 said:

    klo mau kirim ke data basenya gmna caranya???cara hubungin data yang di isi ke form supaya tersimpan di data basenya…gw mau tau kodingnya yang itu…

    Balas
  2. 2 asoi on 10/09/2009 said:

    pake tdo mini forms, asoiiiiiiiiiiiiiiii

    Balas
  3. 4 Abang on 07/09/2009 said:

    Ini mah copy paste dari web lain tapi yang copy paste sendiri nggak ngerti, iya khan. Jangan asal lah mas.

    Balas
    • 5 Sadat ar Rayyan on 07/09/2009 said:

      bisa ditunjukkan link web yang abang maksud? Ini kumpulan dari catatan kuliah saya dan sebagai bahan praktikum. Jika sama dengan yang ada di web2 lain, memang begitu standar penulisan kode html.

      Balas
  4. 6 ahsanulhuda88 on 01/09/2009 said:

    rumit juga y… kurng ngrti nh..

    Balas
  5. 8 Ido Suehendi on 17/03/2009 said:

    nantinya form masuk ke halaman mana atau mail apa?

    Balas

Leave a Reply