Powered by Blogger.

Belajar Membuat Form Pendaftaran E-mail pada HTML...

Kali ini saya akan membahas tentang, bagaimana cara membuat Form pendaftaran E-mail Lewat HTML.
Saya akan memberi anda script untuk membuatnya.

Ini dia script nya :

<table border="3" width="450px" height="450px">
<tr>
<td align="center" colspan="2">Formulir Pendaftaran E-Mail SMK Labor Pekanbaru</td>
</tr>
<tr>
<td>
<table border="0">
<tr>
<td>Nama Depan</td>
<td>:</td>
<td><input size="20" type="text" value="Nama Depan Anda ..." /></td>
</tr>

<tr>
<td>Nama Belakang</td>
<td>:</td>
<td><input size="20" type="text" value="Nama Belakang Anda ..."/></td>
</tr>
<tr>
<td>User Id</td>
<td>:</td>
<td><input size="20" type="text" value="isi User Id Anda ..."/>@smklabor.sch.id</td>
</tr>
<tr>
<td>Masukkan password</td>
<td>:</td>
<td><input size="20" type="password" value=""/></td>
</tr>
<tr>
<td>Ulangi Password</td>
<td>:</td>
<td><input size="20" type="password" value=""/></td>
</tr>
<tr>
<td>Tempat/Tgl.Lahir</td>
<td>:</td>
<td><input size="20" type="text" />
<select><option>Tanggal</option>
<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>Bulan</option>
<option>Januari</option>
<option>Februari</option>
<option>Maret</option>
<option>April</option>
<option>May</option>
<option>Juni</option>
<option>Juli</option>
<option>Agustus</option>
<option>September</option>
<option>Oktober</option>
<option>November</option>
<option>Desember</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>
<option>1979</option>
<option>1978</option>
<option>1977</option>
<option>1976</option>
<option>1975</option>
</select></td>
</tr>
<tr>
<td>Jenis 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>Pilih Pertanyaan</option>
<option>Siapa Nama Ayah Anda ?</option>
<option>Siapa Nama Ibu Anda ?</option>
<option>Siapa Nama Peliharaan Anda ?</option>
<option>Siapa Nama Teman Dekat Anda ?</option>
<option>Siapa Nama Pacar Anda ?</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>
<tr>
<td>NIS</td>
<td>:</td>
<td><input size="20" type="text"  value="Isikan Nomor NIS Anda ..."/></td>
</tr>
<tr>
<td>Jurusan</td>
<td>:</td>
<td><select><option>Nama Jurusan Anda</option>
<option>TKJ</option>
<option>Penjualan</option>
<option>Sekretaris</option>
<option>Akutansi</option></select>
</td>
</tr>
<tr>
<td>Kelas</td>
<td>:</td>
<td><select><option>Kelas Anda</option>
<option>10</option>
<option>11</option>
<option>12</option></select>
</td>
</tr>
<tr>
<td>Hoby</td>
<td>:</td>
<td>
<input type="checkbox" name="Hobi" />Belajar
<input type="checkbox" name="Hobi" />Musik
<input type="checkbox" name="Hobi" />Olahraga
<input type="checkbox" name="Hobi" />Lain-Lain
</td>
</tr>
<tr>
<td>Motto</td>
<td>:</td>
<td>
<textarea cols="20" rows="4"> Isikan Motomu ...</textarea></td>
</tr>
<tr>
<td colspan="3">
<input type="checkbox" />Saya Menyetujui 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>
</tr>
</table>

Ini Hasilnya :

Formulir 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 :
Hoby :
Belajar
Musik
Olahraga
Lain-Lain
Motto :

Saya Menyetujui Untuk Pembuatan E-Mail SMK Labor ini !



Semoga Berguna Bagi Anda Semua !

0 komentar:

Post a Comment