Membuat form pendaftaran E-mail SMK labor Pekanbaru.

Pada postingan saya kali ini saya akan membuat sekaligus mengumpul tugas tentang web design yaitu  membuat form pendaftaran online dengan menggunakan html dan memenfaatkan script table,,,

dan dibawah ini meripakan contoh dari form pendaftaran online nya, bagi anda yang menginginkan scriptnya anda dapat melihat page source nya..

: D

FORM PENDAFTARAN E-MAIL SMK LABOR PEKANBARU

Nama Depan : Nama Belakang : User Id : @smklabor.sch.id Masukan Password : Ulangi Password : Tempat Tanggal Lahir : -Tanggal- 01 02 03 04 05 06 07 08 09 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 -Bulan- 01 02 03 04 05 06 07 08 09 10 11 12 -Tahun- 1995 1994 1993 1992 1991 1990 1989 1988 1987 1986 1985 1984 1983 1982 1981 1980 Jenis Kelamin : laki-laki perempuan Pertanyaan Keamana : Pilih Salah Satu Siapa Nama Orang Yang Kamu Sayang ? Apa Nama Binatang Kesukaan Kamu ? Apa Nama Buku favorit Kamu ? Siapa Nama Orang Tua Kamu ? Apa Nama Merek Heandpone Kamu ? Jawaban : Alamat :

NIS : Jurusan : Teknik Komputer dan Jaringan Penjualan Sekretaris Akutansi Kelas : X XI XII Hobby : Belajar Musik Olahraga Komputer Berenang Lain-lain Motto : Isikan Motto Anda Disini Saya Menyetujui Untuk Pembuatan E-mail SMK Labor Ini !

Dan ini Script nya ..

<table border="3">

    <tr>

        <td colspan="2"><p align="center">FORM PENDAFTARAN E-MAIL SMK LABOR PEKANBARU</p></td>

    </tr>

    <tr>

        <td>

            <table>

            <form  action="latihan.html" method="post">

                <tr>

                    <td>Nama Depan</td>

                    <td>:</td>

                    <td><input size="20" type="text" /></td>

                </tr>

                <tr>

                    <td>Nama Belakang</td>

                    <td>:</td>

                    <td><input size="20" type="text" /></td>

                </tr>

                <tr>

                    <td>User Id</td>

                    <td>:</td>

                    <td><input size="20" type="text" />@smklabor.sch.id</td>

                </tr>

                <tr>

                    <td>Masukan Password</td>

                    <td>:</td>

                    <td><input size="20" type="password" /></td>

                </tr>

                <tr>

                    <td>Ulangi Password</td>

                    <td>:</td>

                    <td><input size="20" type="password"/></td>

                </tr>

                <tr>

                    <td>Tempat Tanggal Lahir</td>

                    <td>:</td>

                    <td><input size="20" type="text" />

                        <select>

                                <option>-Tanggal-</option>           

                                <option>01</option>                                                                                                                           

                                <option>02</option>                                                       

                                <option>03</option>

                                <option>04</option>

                                <option>05</option>

                                <option>06</option>

                                <option>07</option>

                                <option>08</option>

                                <option>09</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>

                        <select>

                                <option>-Bulan-</option>           

                                <option>01</option>                                                                                                                           

                                <option>02</option>                                                       

                                <option>03</option>

                                <option>04</option>

                                <option>05</option>

                                <option>06</option>

                                <option>07</option>

                                <option>08</option>

                                <option>09</option>

                                <option>10</option>

                                <option>11</option>

                                <option>12</option></select>

                        <select>

                                <option>-Tahun-</option>

                                <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></select></td>

                </tr>

                <tr>

                    <td>Jenis Kelamin</td>

                    <td>:</td>

                    <td><input type="radio" name="Kelamin" value="cowok" />laki-laki

                        <input type="radio" name="Kelamin" value="cewek" />perempuan</td>

                </tr>

                <tr>

                    <td>Pertanyaan Keamana</td>

                    <td>:</td>

                    <td>

                        <select>

                                <option>Pilih Salah Satu</option>

                                <option>Siapa Nama Orang Yang Kamu Sayang ?</option>

                                <option>Apa Nama Binatang Kesukaan Kamu ?</option>

                                <option>Apa Nama Buku favorit Kamu ?</option>

                                <option>Siapa Nama Orang Tua Kamu ?</option>

                                <option>Apa Nama Merek Heandpone Kamu ?</option></select></td>

                </tr>

                <tr>

                    <td>Jawaban</td>

                    <td>:</td>

                    <td><input size="20" type="text" /></td>

                </tr>

                <tr>

                    <td>Alamat</td>

                    <td>:</td>

                    <td><input size="20" type="text" /></td>

                </tr>

            </table>

           

        <td>

            <table>

                <tr>

                    <td>NIS</td>

                    <td>:</td>

                    <td><input size="20" type="text" /></td>

                </tr>

                <tr>

                    <td>Jurusan</td>

                    <td>:</td>

                    <td>

                        <select>

                                <option> </option>

                                <option>Teknik Komputer dan Jaringan</option>

                                <option>Penjualan</option>

                                <option>Sekretaris</option>

                                <option>Akutansi</option></select></td>

                </tr>

                <tr>

                    <td>Kelas</td>

                    <td>:</td>

                    <td>

                        <select>

                                <option> </option>

                                <option>X</option>

                                <option>XI</option>

                                <option>XII</option></select></td>

                </tr>

                <tr>

                    <td>Hobby</td>

                    <td>:</td>

                    <td><input type="checkbox" />

                        Belajar

                        <input type="checkbox"  />

                        Musik

                        <input type="checkbox"  />

                        Olahraga

                        <input type="checkbox"  />

                        Komputer

                        <input type="checkbox"  />

                        Berenang

                        <input type="checkbox"  />

                        Lain-lain</td>

                </tr>

                <tr>

                    <td valign="top">Motto</td>

                    <td valign="top">:</td>

                    <td><textarea cols="20" rows="4"> Isikan Motto Anda Disini </textarea></td>

                </tr>

                <tr>

                    <td><input type="checkbox" /></td>

                    <td></td>

                    <td>Saya Menyetujui Untuk Pembuatan E-mail SMK Labor Ini !</td>

                </tr>

                <tr>

                    <td colspan="2"></td>

                    <td><input type="submit" value="Buatkan" />

                        <input type="reset" value="Batalkan" /></td>

                </tr></table></td></form>   

            </table>       

        </td>

    </tr>

</table>