Monday, February 7, 2011

Langkah - Langkah Membuat Formulir Pendaftaran dengan HTML

Pada siang yang cerah ini,saya akan memberitahukan tentang cara membuat Form Formulir dengan html.artikel ini saya ketahui setelah saya mempraktekkannya sekaligus artikel ini adalah tugas dari guru web disain saya.
berikut langkah - langkah nya :

1.Masuk ke macromedia dreamwever.
2.Buka dalam bentuk html
3.Coppy dan paste kan kode html saya berikut ini diantara <body> dan </body>



Code:

<form action="latihan.html" method="post">
<table border="0">
        <tr>
            <td align="center" colspan="3">FORM PENDAFTARAN E-MAIL SMK LABOR PEKANBARU<br />
                <br />
                <br />
            </td>
        </tr>

        <tr>
            <td><table border="0">
        <tr>
            <td>Nama Depan </td>
            <td>:</td>
            <td><input size="30" type="text" name="Nama" /></td>
        </tr>

        <tr>
            <td>Nama Belakang</td>
            <td>:</td>
            <td><input size="30" type="text" name="Alamat"/></td>
        </tr>

        <tr>
            <td>User Id</td>
            <td>:</td>
          <td><input size="30" fo type="text" name="User Id" /> <em>@smklabor.sch.id</em></td>

        </tr>
               
        <tr>
            <td>Masukkan Password</td>
            <td>:</td>
            <td><input size="30" type="password" name="Masukkan Password"/>
        </tr>
               
        <tr>
            <td>Ulangi Password</td>
            <td>:</td>
            <td><input size="30" type="password"name="Ulangi Password"/>
        </tr>
               
        <tr>
            <td>Tanggal Lahir</td>
            <td>:</td>
            <td><input size="20" type="text" /> 
                <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>
                 
                <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>
               
                <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>
                </select>
          </td>
              </tr>
               
        <tr>
            <td>Kelamin</td>
            <td>:</td>
            <td>
                <input type="radio" name="Kelamin" value="Laki - laki" />Laki-laki
                <input type="radio" name="Kelamin" value="Perempuan" />Perempuan
            </td>
        </tr>
               
               
               
        <tr>
            <td>Pertanyaan Keamanan</td>
            <td>:</td>
            <td>
                <select>
                <option>Apa Nama Binatang Peliharaan Kesayangan Anda?</option>
                <option>Dimana Ayah Anda Dilahirkan?</option>
                <option>Dimana Kamu bertemu Pasanganmu?</option>
                <option>Siapa Teman Baik mu?</option>
                </select>
            </td>
               
        <tr>
            <td>Jawaban Keamanan</td>
            <td>:</td>
            <td><input size="50" type="text" name="Nama" /></td>
        </tr>
               
        <tr>
            <td>Alamat</td>
            <td>:</td>
            <td><input size="50" type="text" name="Nama" /></td>
        </tr>
    </table>
            </td>

            <td width="100"></td>


            <td>
    <form action="latihan.html" method="post">       
    <table border="0">
   
        <tr>
            <td>NIS</td>
            <td>:</td>
            <td><input size="30" type="text" name="Nama" /></td>
        </tr>

        <tr>
            <td>Jurusan</td>
            <td>:</td>
            <td><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>
            <option>X</option>
            <option>XI</option>
            <option>XII</option>
            </select>
            </td>
        </tr>

        <tr>
            <td>Hobi</td>
            <td>:</td>
            <td>
            <input type="checkbox" name="Hobi" />Belajar
            <input type="checkbox" name="Hobi" />Blogging
            <input type="checkbox" name="Hobi" />Komputer
            <input type="checkbox" name="Hobi" />Olahraga
            <input type="checkbox" name="Hobi" />Lain-lain
            </td>
        </tr>

        <tr>
            <td valign="top">Motto</td>
            <td valign="top">:</td>
            <td>
            <textarea cols="20" rows="5"> Isikan Moto anda </textarea>
            </td>
           
                    <tr>
                <td colspan="3"><input type="checkbox" name="Hobi" />Saya Menyetujui untuk pembuatan e-mail SMK Labor ini !</td>
        </tr>
   
       
       

        <tr>
          <td>
            <input type="submit" name="Buatkan" value="Buatkan" />
            <input type="reset" name="Batalkan" value="Batalkan" />
    </table>

</form>







5.Hasil nya tidak dapat saya tampilkan karena pada saat di postkan hasilnya berantakan.
anda coba saja langsung praktekkan.yang pastinya mudah bgt.
mudah mudahan info ini berguna.



No comments:

Post a Comment