MEMBUAT FORM DENGAN DREAMWEAVER

ASSALAMUALAIKUM

Pada postingan kali ini saya akan membuat Contoh Form Menggunakan  HTML
Kali ini saya akan menunjukkan cara membuat form seperti dibawah ini.

<a href="http://tinypic.com?ref=kamflx" target="_blank"><img src="http://i62.tinypic.com/kamflx.jpg" border="0" alt="Image and video hosting by TinyPic"></a>

1. Membuat Text field
Isikan code berikut :

<form name="form1">
    <input type="text" name="nama" />
</form>

2. Menyisipkan Text Area
Isikan code berikut :

<form name="form1">
    <textarea name="alamat"></textarea>
</form>

 3. Menyisipkan Checkbox
Isikan code berikut :

<form name="form1">
     <input type="checkbox" name="olahraga" value="olahraga" />Olahraga
</form>

Nb: yang berwarna merah sesuaikan dengan keinginan anda..jika anda ingin membuat banyak tiggal tambahkan aja code yang sama disamping atau lihat seperti ini

<input type="checkbox" name="olahraga" value="olahraga" />Olahraga<br /><input type="checkbox" name="Membaca" value="membaca"/>membaca<br /><input type="checkbox" name="Belanja" value="belanja" />Belanja

4. Menyisipkan Radio Button
Isikan code berikut :

 <form  name="form1">
     <input type="radio" name="gender" value="pria" />Pria<input type="radio" name="gender" value="wanita" />Wanita 
</form>

5. Menyisipkan List Menu
Isikan code berikut :
<select name="bulan">
                        <option>Januari</option>
                        <option>Febuari</option>
                        <option>Maret</option>
                        <option>April</option>
                        <option>Mei</option>
                        <option>Juni</option>
                        <option>Juli</option>
                        <option>Agustus</option>
                        <option>September</option>
                        <option>November</option>
                        <option>Desember</option>
                    </select>
</form>

6. Menyisipkan File Field
Isikan code berikut :

<form name="form1">
   <input type="file" name="foto" /> 
</form>

7. Menyisipkan Button
Button merupakan sebuah tombolyang dapat digunkan untuk melakukan proses tertentu, misalkan untuk submit atau untuk reset. seringkali kedua tombol tersebut digunakan untuk sebuah proses di dalam form. Tombol Submit digunakan untuk mengirimkan data yang dimasukkan kedalam form selanjutnya dan diolah didalam server. Sedangkan Reset digunkan untuk mereset atau mengosongkan data yang ada didalam form ke nilai default untuk nilai semula.
Contoh seperti tombol Register dan Batal pada gambar diatas
dan untuk menyisipkan dengan code berikut :

 <form name="form1">
     <input type="submit" value="Register" /><input type="reset" value="Batal" />
</form>

Demikian postingan ini jika ada kesamaan dengan postingan orang lain saya mohon maaf
Terima Kasih 

Wassalamualaikum WR WB