Search

Saturday, January 29, 2011

Membuat Formulir Pendaftaran Menggunakan HTML

Gan....Postingan ini adalah tugas HTML yang saya buat menggunakan MACROMEDIA DREAMWEAVER 8
Nih Gan Scriptnya.....


<form action="@" method="post">
<font size="+3">Biodata Pribadi</font>
<table border="0">
    <tr>
        <td>Nama</td><td>:</td>
        <td><input size="30" type="text" value="Isikan Nama Anda Di Sini"/></td>
    </tr>
    <tr>
        <td>Alamat</td><td>:</td>
        <td><input size="40" type="text" Value="Isikan Alamat Anda Di Sini"/></td>
    </tr>
    <tr>
        <td>TTL</td><td>:</td>
      <td><input size="26" type="text" value="Nama Kota" />&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>
               <select size"1"name="select">
                <option>January</option>
                <option>Febuary</option>
                <option>Maret</option>
                <option>April</option>
                <option>Mei</option>
                <option>Juni</option>
                <option>Juli</option>
                <option>Agustus</option>
                <option>September</option>
                <option>Oktober</option>
                <option>November</option>
                <option>Desember</option>
                </select>
                <select size="1" name="select">
                <option>2011</option>
                <option>2010</option>
                <option>2009</option>
                <option>2008</option>
                <option>2007</option>
                <option>2006</option>
                <option>2005</option>
                <option>2004</option>
                <option>2003</option>
                <option>2002</option>
                <option>2001</option>
                <option>2000</option>
                <option>1999</option>
                <option>1998</option>
                <option>1997</option>
                <option>1996</option>
                   <option>1995</option>
                <option>1994</option>
                <option>1993</option>
                <option>1992</option>
                <option>1991</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>1982</option>
                <option>1981</option>
                <option>1980</option>
                </select>
                </td>
            <tr>
                <td>Kelamin</td><td>:</td>
                <td><input size="1" type="radio" name="Kelamin"/>Perempuan <input size="1" type="radio" name="Kelamin" />Laki-Laki</td>
            </tr>
            <tr>
                <td>Agama</td><td>:</td>
                <td><select name="Agama">
                <option>Islam</option>
                <option>Kristen</option>
                <option>Buddha</option>
                <option>Hindu</option>
                <option>-</option>
                </select></td>
            </tr>
            <tr>
                <td>Hobi</td><td>:</td>
                <td><input size="1" type="checkbox"/>Olah Raga &nbsp;<input size="1" type="checkbox"/>Belajar &nbsp;<input size="1" type=                "checkbox"" />Komputer &nbsp;<input size="1" type="checkbox"/>Musik &nbsp;<input size="1" type="checkbox"/>Lain-Lain</td>
            </tr>
            <tr>
                <td>Moto</td><td>:</td>
                <td><textarea>Isikan Moto Anda Di Sini</textarea></td>
            </tr>
            <tr>
                <td colspan="2"></td>
                <td><input Size="1" Type="reset"value="Ulangi">
                <input size="1" type="submit" Value="Daftar"></td>
            </tr>
</form>

Hasilnya Ini Gan...

Biodata Pribadi
Nama:
Alamat:
TTL:  

Kelamin: Perempuan Laki-Laki
Agama:
Hobi: Olah Raga  Belajar  Komputer  Musik  Lain-Lain
Moto:

2 comments:

Google +