Membuat form E-mail melalui edit HTML

Masukan scrip yang anda buat dan buat table setidak nya 1 baris 2 kolom baru masuk kan scrip di dalam table

contoh scrip ini :

<table border="2" height="100%" width="100%">
     <tr>
         <td colspan="2"><font size="5"><center>Form Pendaftaran E-mail Smk Labor Pekanbaru</center></font></td>
     </tr>
<tr>
<td><table border="0">
<td>Nama Depan</td>
    <td><center>:</center></td>
    <td><input size="25" type="text"  value="Nama Depan"/></td>
    </tr>
  
    <tr>
    <td>Nama Belakang</td>
    <td><center>:</center></td>
    <td><input size="25" type="text"  value="Nama Belakang"/></td>
    </tr>
  
    <tr>
    <td>User Id</td>
    <td><center>:</center></td>
    <td><input size="25" type="text"  value="User Id"/>@smk Labor.sch.id</td>
    </tr>  

    <tr>
    <td>Password</td>
    <td><center>:</center></td>
    <td><input size="25" type="text"  value="**********"/></td>
    </tr>
  
    <tr>
    <td>Ulangi Password</td>
    <td><center>:</center></td>
    <td><input size="25" type="text"  value="**********"/></td>
    </tr>
  
    <tr>
    <td>TTL</td>
    <td><center>:</center></td>
    <td><input size="25" type="text" value="Tempat"/>
<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>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>
        <option>Tahun</option>
        <option>1995</option>
        <option>1996</option>
        <option>1997</option>
        <option>1998</option>
        <option>1999</option>
        <option>2000</option>
        <option>2001</option>
        <option>2002</option>
        <option>2003</option>
        <option>2004</option>
        <option>2005</option>
        <option>2006</option>
        <option>2007</option>
        <option>2008</option>
        <option>2009</option>
        <option>2010</option>
        <option>2011</option>
        <option>2012</option>
</select></td></tr>

    <tr>
    <td>Jenis Kelamin</td>
    <td><center>:</center></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><center>:</center></td>
    <td>
<select>
        <option>Siapakah nama hewan anda?</option>
        <option>Dimanakah tempat tanggal lahir ayah anda?</option>
        <option>Siapkah nama orang yang paling anda sayangi?</option>
        <option>Kapan anda pulang?</option>
        <option>Dimana anda lahir?</option>
        <option>Siapakah nama sahabat anda?</option>
        <option>siapa nama orang yang anda benci?</option>
    </select></td></tr>
  
    <tr>
    <td>Jawaban</td>
    <td><center>:</center></td>
    <td><input size="25" type="text" /></td>
    </tr>
  
    <tr>
    <td>Alamat</td>
    <td><center>:</center></td>
    <td><input size="25" type="text" /></td>
    </tr>
</table></td>

<td>
<table border="0">
<tr>
    <td>NIS</td>
    <td>:</td>
    <td><input type="text" name="NIS" size="25" value="NIS anda" /></td>
</tr>   
   
<tr>
    <td>Jurusan</td>
    <td>:</td>
    <td><select size="1" name="select">
        <option>Jurusan</option>
        <option>TKJ (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>Kelas</option>
        <option>1</option>
        <option>2</option>
        <option>3</option>
        </select></td>
</tr>
<tr>
    <td>Hobi</td>
    <td>:</td>
    <td><input type="checkbox" name="Olahraga" value="olahraga" />
    olahraga
    <input type="checkbox" name="Membaca" value="Membaca" />
    Membaca
    <input type="checkbox" name="komputer" value="Komputer" />
    Komputer
    <input type="checkbox" name="Musik" value="Musik" />
    Musik
    <input type="checkbox" name="Lain-lain" value="Lain-Lain" />
    Lain-Lain</td>
</tr>

<tr>
    <td valign="top">Motto</td>
    <td valign="top">:</td>
    <td valign="top"><textarea cols="20" rows="5">Isikan motto anda disini</textarea></td>
</tr>

<tr>
    <td colspan="3"><input type="checkbox" />Saya menyetujui untuk pembuatan E-mail SMK Labor ini !</td>
</tr>
  
      <tr>
        <td colspan="2"></td>
        <td><input type="reset" name="reset" value="Buatkan" />
        <input type="submit" name="submit" value="batalkan" /></td>
    </tr>
</table>
</form>


kemudian tutup </body>

Hasil nya seperti ini :

Form Pendaftaran E-mail Smk Labor Pekanbaru
Nama Depan



:
Nama Belakang



:
User Id



:
@smk Labor.sch.id
Password



:
Ulangi Password



:
TTL



:




Jenis Kelamin



:
Laki-Laki
Perempuan
Pertanyaan Keamanan



:

Jawaban



:
Alamat



:

NIS :
Jurusan :
Kelas :
Hobi :
olahraga

Membaca

Komputer

Musik

Lain-Lain
Motto :
Saya menyetujui untuk pembuatan E-mail SMK Labor ini !


Seperti inilah hasil nya mungkin ndak nampak sepunuh nya semoga dapat berguna ya.....

0 komentar:

Posting Komentar