TAG HTML UNTUK PEMBUATAN FORM

Syntak :  <form> … </form>

Didalam penulisan tag form sebaiknya kita sertakan atribut parameter Name=”nama layer” , hal ini dimaksudkan pemberian nama untuk form yang kita buat.

Contoh : <form Name=”layerku”> … </form>

Struktur Untuk pembuatan form :

<form>

    ……        

     susunan elemen, komponen, objek, dll.

    ……          

</form>

Adapun komponen-komponen form untuk mengisi  objek form adalah adanya parameter objek bentuk tag nya adalah <input type=”element” name=”nama elemen” Parameter tambahan>.

Berikut ini adalah Elemen yang digunakan untuk parameter <input type> adalah sebagai berikut :

q Button (tombol)

Elemen	Fungsi	Parameter tambahan
Button	Untuk membuat tombol 3D	Value=”Label untuk Button”
Reset	Untuk membuat tombol 3D Reset
Submit	Untuk membuat tombol 3D Submit

Value untuk Reset defaulnya adalah “Reset” dan Submi adalah “Submit”, namun bisa juga kita rubah sesuai yang kita inginkan sedangkan untuk Button adalah “Button”. Jadi elemen Button bisa juga dijadikan untuk elemen Submit atau Reset hanya tinggal merubah value.

Contoh : (Pembuatan tiga buah tombol Button, Submit dan Reset)

<form>

    <input type="submit" name="Tbl Submit” value="Submit">

    <input type="reset" name="Tbl Reset” value="Reset">

    <input type="button" name="Tombol" value="Tombol bebas">

</fom>

Hasil / output :

q Text Field dan Password

Elemen	Fungsi	Parameter tambahan
TextField	Untuk membuat input teks dengan satu baris (single line)	Size= “lebar dari elemen text field (numeric)”. Maxlength=“jumlah maksimal karakter yang diinput” Value=”isi teks elemen” Jika parameter Value tidak disertakan, maka defaultnya adalah kosong.
Password	Untuk membuat input teks ber type password dengan menyembunyikan tulisan yang ditutupi dengan tanda (*).

Contoh : ( Pembuatan elemen input teks dan password dengan Value=”Ketik Disini”)

<form>

 <p>

    <input type="textfield" name="textfield" value=" Ketik Disini :" size="30" maxlength="20">

  </p>

  <p>

    <input type="password" name="password" value=" Ketik Disini :" size="30" maxlength="20">

  </p>

Posted in: HTML