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



17 Responses to “Membuat FORM pada dokumen HTML”

  1. 1 gisupport

    ko susah ya di terapinya

  2. 2 m4rian4

    klo mau kirim ke databasenya gimana caranya??? ntar apa sintag yang harus dipake biar outputnya sesuai dengan inputnya ?
    makasih bang

  3. 3 Diyah

    Ah gak da yang VALID mah…

  4. 5 learn html

    sy mo ny nie.. gmn cranya agr form tsbt bs dignkn u/ mengirim data ke email kita? script-ny spt ap??
    thanks…

  5. 8 kiki

    tar ke e mail kan ya trus php nya gimana?

  6. 9 Bagas

    ini ada keterangan masukin databasenya , di

    http://gudanginfo.web.id/tutorial/membuat-formulir.html

  7. 10 agung darmawan

    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…

  8. 11 asoi

    pake tdo mini forms, asoiiiiiiiiiiiiiiii

  9. 13 Abang

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

    • 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.

  10. rumit juga y… kurng ngrti nh..

  11. 17 Ido Suehendi

    nantinya form masuk ke halaman mana atau mail apa?


Tinggalkan Balasan

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Ubah )

Twitter picture

You are commenting using your Twitter account. Log Out / Ubah )

Facebook photo

You are commenting using your Facebook account. Log Out / Ubah )

Connecting to %s


Ikuti

Get every new post delivered to your Inbox.

Bergabunglah dengan 579 pengikut lainnya.