Membuat form pada dreamweaver

Untuk membuat form di dreamweaver seperti contoh di bawah, ada beberapa bagian yang perlu disiapkan yaitu:

1. Text field
Text field merupakan sarana untuk memasukkan teks kedalam form.Text field ini berfungsi untuk menampung informasi-informasi yang dimasukkan kedalamnya berupa teks atau karakter lainnya. Contohnya seperti Nama Depan, Nama Belakang dan Umur pada gambar di atas. Cara memasukkan textfield dengan kode:

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

2. Menyisipkan Text Area
Jika anda perhatikan sesaa, bentuk tampilan TextArea sama persis dengan textfield tipe multiline, contohnya seperti Alamat pada gambar di atas. Cara menyisipkan text area dengan kode berikut:

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

 3. Menyisipkan Checkbox
Checkbox adalah sebuah kotak pilihan yang berfungsi untuk membuat satu pilihan yang berfungsi untuk membuat satu pilihan atau lebih bagi pengunjung dari informasi yang disediakan, contohnya seperti Hobi pada gambar di atas. Cara menyisipkan checkbox dengan kode 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 tinggal tambahkan aja kode 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
Radio button mempunyai fungsi sama seperti checkbox, yaitu untuk membuat daftar pilihan dengan memilih satu piihan saja. Contohnya seperti Gender pada gambar di atas, cara menyisipkan radio button sebagai 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
List digunakan untuk menampilkan banyak pilihan, contohnya seperti bulan pada tanggal lahir. Kodenya sebagai berikut :

<form nama="form1">
<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
File field digunakan untuk mengupload suatu file keserver. File yang dapat diupload melalui file field ini misalnya file dokumen, file gambar, danlain-lain. Contohnya Foto seperti gambar di atas, kode programnya sebagai 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 di atas, untuk pengkodeannya sebagai berikut :

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

sumber: http://nhunhuxshareilmu.blogspot.com