Membuat formulir dengan HTML #2

0
ini dia cara membuat formulir part 2 menggunakan dreamweaver.
Seperti biasa, pertama anda harus memiliki DREAMWEAVER versi berapa aja, tapi kalo saya biasa menggunakan DREAMWEAVER 8.
Kali ini saya membuatkan contohdari formulir menggunakan HTML versi #2
Berikut adalah sript membuat formulir memlalui HTML:


  

<form action="form smk labor.html" method="post">
<table border="3">
    <tr>
        <td colspan="2" align="center">FORM PENDAFTARAN E-MAIL SMK LABOR PEKANBARU</td>
    </tr>
    <tr>
      <td>
            <table border="0">
                <tr>
                    <td>Nama Depan</td><td>:</td>
                    <td><input type="text" name="nama depan" /></td>
                </tr>
                <tr>
                    <td>Nama Belakang</td><td>:</td>
                    <td><input type="text" name="nama belakang" /></td>
                </tr>
                <tr>
                    <td>User ID</td><td>:</td>
                    <td><input type="text" name="user id" />@smklabor.sch.id</td>
                </tr>
                <tr>
                    <td>Masukkan Password</td><td>:</td>
                    <td><input type="password" name="password" /></td>
                </tr>
                <tr>
                    <td>Ulangi password</td><td>:</td>
                    <td><input type="password" name="password" /></td>
                </tr>
                <tr>
                    <td>Tempat/Tgl.Lahir</td><td>:</td>
                    <td width="450"><input size="24" type="text" name="TTL"  value=""/>&nbsp;<select size="1" name="select">
                                    <option>1</option>
                                    <option>2</option>
                                    <option>3</option>
                                    <option>4</option>
                                    <option>5</option>
                                    <option>6</option>
                                    <option>7</option>
                                    <option>8</option>
                                    <option>9</option>
                                    <option>10</option>
                                    <option>11</option>
                                    <option>12</option>
                                    <option>13</option>
                                    <option>14</option>
                                    <option>15</option>
                                    <option>16</option>
                                    <option>17</option>
                                    <option>18</option>
                                    <option>19</option>
                                    <option>20</option>
                                    <option>21</option>
                                    <option>22</option>
                                    <option>23</option>
                                    <option>24</option>
                                    <option>25</option>
                                    <option>26</option>
                                    <option>27</option>
                                    <option>28</option>
                                    <option>29</option>
                                    <option>30</option>
                                    <option>31</option></select>
                                    &nbsp;
                                    <select size="1" name="select">
                                    <option>1</option>
                                    <option>2</option>
                                    <option>3</option>
                                    <option>4</option>
                                    <option>5</option>
                                    <option>6</option>
                                    <option>7</option>
                                    <option>8</option>
                                    <option>9</option>
                                    <option>10</option>
                                    <option>11</option>
                                    <option>12</option></select>
                                    &nbsp;
                                    <select size="1" name="select">
                                    <option>1995</option>
                                    <option>1994</option>
                                    <option>1993</option>
                                    <option>1992</option>
                                    <option>1991</option>
                                    <option>1990</option>
                                    <option>1989</option>
                                    <option>1988</option>
                                    <option>1987</option>
                                    <option>1986</option>
                                    <option>1985</option>
                                    <option>1984</option>
                                    <option>1983</option>
                                    <option>1982</option>
                                    <option>1981</option>
                                    <option>1980</option>
                                    <option>1979</option>
                                    <option>1978</option>
                                    <option>1977</option>
                                    <option>1976</option>
                                    <option>1975</option>
                                    <option>1974</option>
                                    <option>1973</option>
                                    <option>1972</option>
                                    <option>1971</option>
                                    <option>1970</option>
                                    </select></td>
              </tr>
                    <tr>
                        <td> Jenis Kelamin</td><td>:</td>
                          <td><input type="radio" name="kelamin" value="Laki-laki" />Laki-laki &nbsp; <input type="radio" name="Kelamin" value="Perempuan" />Perempuan</td>
                      </tr>
                    <tr>
                        <td>Pertanyaan Keamanan</td><td>:</td>
                        <td><select size="1" name="select">
                            <option>Siapa nama orang yang paling anda sayangi?</option>
                            <option>Apa nama motor pertama anda?</option>
                            <option>Siapa nama mantan pacar anda?</option>
                            <option>Siapa nama orang yang paling anda benci?</option>
                            <option>Mengapa anda ingin mempunyai pacar?</option>
                            </select></td>
                    </tr>
                    <tr>
                        <td>Jawaban</td><td>:</td>
                        <td><input type="text" name="jawaban" /></td>
                    </tr>
                    <tr>
                        <td>Alamat</td><td>:</td>
                        <td><input type="text" name="alamat" /></td>
                    </tr>
            </table>
        </td>
        <td>
            <table border="0">
                <tr>
                    <td>NIS</td><td>:</td>
                    <td><input type="text" name="nama depan" /></td>
                </tr>
                <tr>
                    <td>Jurusan</td><td>:</td>
                    <td><select size="1" name="select">
                        <option>Teknik Komputer dan Jaringan</option>
                        <option>Akutansi</option>
                        <option>Sekretaris</option>
                        <option>Penjualan</option>
                        </select></td>
                </tr>
                <tr>
                    <td>Kelas</td><td>:</td>
                    <td><select size="1" name="select">
                        <option>10</option>
                        <option>11</option>
                        <option>12</option>
                        </select></td>
                </tr>
                <tr>
                    <td>Hobby</td><td>:</td>
                    <td><input type="checkbox">Belajar <input type="checkbox">Olahraga  <input type="checkbox">Musik <input type="checkbox">Lain-lain</td>
                </tr>
                <tr>
                    <td>Motto</td><td>:</td>
                    <td><textarea>isikan motto anda</textarea></td>
                </tr>
                <tr>
                    <td colspan="3"><input type="checkbox">Saya meyetujui untuk pembuatan E-mail SMK Labor ini!</td>
                </tr>
                <tr>
                    <td colspan="3"><input type="submit" name="Buatkan" value="Buatkan" />
                                    <input type="reset" name="Batalkan" value="Batalkan" /></td>
                </tr>
            </table>
        </td>
    </tr>
</table>
</form>


Maka bila anda ketikkan scipt di diatas, maka hasilnya akan seperti ini:

FORM PENDAFTARAN E-MAIL SMK LABOR PEKANBARU
Nama Depan:
Nama Belakang:
User ID: @smklabor.sch.id
Masukkan Password:
Ulangi password:
Tempat/Tgl.Lahir:      
Jenis Kelamin: Laki-laki   Perempuan
Pertanyaan Keamanan:
Jawaban:
Alamat:
NIS:
Jurusan:
Kelas:
Hobby: Belajar Olahraga Musik Lain-lain
Motto:
Saya meyetujui untuk pembuatan E-mail SMK Labor ini!
mungkin akan terlihat tidak berbentuk yang sempurna di blog saya ini!
tapi bila anda ketikkan script diatas di dream weaver maka hasilnya akan terliahat bagus.
sekian dari saya,
selamat mencoba......

Ditulis Oleh : m4ilsmile

Artikel Membuat formulir dengan HTML #2 ini ditulis oleh m4ilsmile pada hari Thursday, February 10, 2011. Terimakasih atas kunjungan Anda pada blog ini. Kritik dan saran tentang Membuat formulir dengan HTML #2 dapat Anda sampaikan melalui kotak komentar dibawah ini.