Assalamualaikum Wr.Wb. Kali Ini Saya akan memposting tengtang bagaimana cara membuat form pendaftaran pada HTML. yang sebelumnya saya telah memposting tentang berita banjir. kali ini aplikasi yang saya pakai adalah Macromedia Dreamweaver, tapi kawan-kawan juga bisa menggunakannya pada Notepad,Xhampp dll. Ok, langsung aja yaa ini dia scriptnya :
<div id="Layer2"> <br /><br /><br /><br /><br /><br /><br />
<input type="text" size="30" maxlength="20" name="firstname" placeholder="Nama Depan" /> <input type="text" size="30" maxlength="20" name="lastname" placeholder="Nama Belakang" /><br /><br />
<input type="text" size="29" maxlength="15" name="firstname" placeholder="Tempat Lahir" />
<select name="birthday_day" title="Tanggal"><option value="0" selected="1">Tanggal</option><option value="1">1</option><option value="2">2</option><option value="3">3</option><option value="4">4</option><option value="5">5</option><option value="6">6</option><option value="7">7</option><option value="8">8</option><option value="9">9</option><option value="10">10</option><option value="11">11</option><option value="12">12</option><option value="13">13</option><option value="14">14</option><option value="15">15</option><option value="16">16</option><option value="17">17</option><option value="18">18</option><option value="19">19</option><option value="20">20</option><option value="21">21</option><option value="22">22</option><option value="23">23</option><option value="24">24</option><option value="25">25</option><option value="26">26</option><option value="27">27</option><option value="28">28</option><option value="29">29</option><option value="30">30</option><option value="31">31</option>
</select>
<select name="birthday_month" title="Bulan" ><option value="0" selected="1">Bulan</option>
<option value="1">Jan</option>
<option value="2">Feb</option>
<option value="3">Mar</option>
<option value="4">Apr</option>
<option value="5">Mei</option>
<option value="6">Jun</option>
<option value="7">Jul</option>
<option value="8">Agu</option>
<option value="9">Sep</option>
<option value="10">Okt</option>
<option value="11">Nov</option>
<option value="12">Des</option>
</select>
<select name="birthday_year" title="Tahun" ><option value="0" selected="1">Tahun</option><option value="2016">2016</option><option value="2015">2015</option><option value="2014">2014</option><option value="2013">2013</option><option value="2012">2012</option><option value="2011">2011</option><option value="2010">2010</option><option value="2009">2009</option><option value="2008">2008</option><option value="2007">2007</option><option value="2006">2006</option><option value="2005">2005</option><option value="2004">2004</option><option value="2003">2003</option><option value="2002">2002</option><option value="2001">2001</option><option value="2000">2000</option><option value="1999">1999</option><option value="1998">1998</option><option value="1997">1997</option><option value="1996">1996</option><option value="1995">1995</option><option value="1994">1994</option><option value="1993">1993</option><option value="1992">1992</option>
</select><br />
<strong><p>Jenis Kelamin :</p></strong>
<input name="jk" type="radio" value="laki-laki" />laki-laki
<input name="jk" type="radio" value="perempuan" />Perempuan
<input name="jk" type="radio" value="lainnya" />Lainnya<br />
<strong><p>Agama :</p></strong>
<input name="agama" type="radio" value="islam" />Islam
<input name="agama" type="radio" value="kristen" />Kristen
<input name="agama" type="radio" value="hindu" />Hindu
<input name="agama" type="radio" value="budha" />Budha<br /><br />
<input type="text" size="65" name="alamat" placeholder="Alamat" /><br />
<br />
<input type="text" size="8" maxlength="3" name="rt" placeholder="RT" /> <input type="text" size="8" maxlength="3" name="rw" placeholder="RW" /> <input type="text" size="16" maxlength="25" name="kb" placeholder="Kabupaten" /> <input type="text" size="16" maxlength="25" name="pv" placeholder="Provinsi" /><br />
<strong>
<p>Kewarganegaraan</p></strong>
<input name="indo" type="radio" value="kwi" />KWI
<input name="asing" type="radio" value="kwa" />KWA
<strong><p>Jurusan :</p></strong>
<select name="birthday_month" title="Bulan" ><option value="0" selected="1">--Pilihan Pertama</option>
<option value="1">REKAYASA PERANGKAT LUNAK (RPL)</option>
<option value="2">TEKNIK KOMPUTER JARINGAN (TKJ)</option>
<option value="3">ADMINISTRASI PERKANTORAN (APK)</option>
</select><br /><br />
<select name="birthday_month" title="Bulan" ><option value="0" selected="1">--Pilihan Kedua</option>
<option value="1">REKAYASA PERANGKAT LUNAK (RPL)</option>
<option value="2">TEKNIK KOMPUTER JARINGAN (TKJ)</option>
<option value="3">ADMINISTRASI PERKANTORAN (APK)</option>
</select><br /><font size="3" color="#FF0000" ><em>Apabila Pilihan Pertama Anda Tidak Diterima Oleh Pihak Sekolah</em></font>
<br /><br />
<input type="text" size="30" maxlength="30" name="email" placeholder="Nama Sekolah Sebelumnya" /> <input type="text" size="30" maxlength="30" name="email" placeholder="Alamat Sekolah" />
</div>
<div id="Layer3"><br /><br /><br /><br />
<strong><p>BIODATA Orang Tua :</p></strong>
<input type="text" size="65" maxlength="30" name="firstname" placeholder="Nama Lengkap Bapak" /><br /><br />
<select name="status" title="status" ><option value="0" selected="1">Pendidikan Terakhir Bapak</option>
<option value="S3">S3</option>
<option value="S2">S2</option>
<option value="S1">S1</option>
<option value="D3">D3</option>
<option value="D2">D2</option>
<option value="D1">D1</option><option value="lain">Lainnya</option>
</select><br /><br />
<input type="text" size="65" maxlength="30" name="lastname" placeholder="Nama Lengkap Ibu" /><br /><br />
<select name="status" title="status" ><option value="0" selected="1">Pendidikan Terakhir Ibu</option>
<option value="S3">S3</option>
<option value="S2">S2</option>
<option value="S1">S1</option>
<option value="D3">D3</option>
<option value="D2">D2</option>
<option value="D1">D1</option><option value="lain">Lainnya</option>
</select><br /><br />
<input type="text" size="30" maxlength="30" name="firstname" placeholder="Pekerjaan Bapak" />
<input type="text" size="30" maxlength="30" name="lastname" placeholder="Pekerjaan Ibu" /><br /><br />
<input type="text" size="65" maxlength="30" name="firstname" placeholder="Gajih Pokok Bapak" /><br /><br />
<input type="text" size="30" maxlength="30" name="firstname" placeholder="No.Hp Bapak" />
<input type="text" size="30" maxlength="30" name="lastname" placeholder="No.Hp Ibu" />
<br /><br /><center><a href="Untitled-2.html"><input type="button" name="submit" value="Save" /></a> <input type="reset" name="reset" value="Reset" /></center>
<strong><p>Keterangan :</p></strong>
<td>01. Anda Harus Mengisi Semua Kolom</td><br />
<td>02. Waktu Anda Mengisi 15 Menit</td><br />
<td>03. Jika Sudah Selesai Silahkan Klik <strong>SAVE</strong></td><br />
<td>04. Bertanya pada Panitia/Pengawas Apabila<br />
ada yang tidak dimengerti</td>
</div>
<div id="Layer4"><marquee><strong><font color="#0B0000" size="6">Selamat Datang Calon Murid Baru</font></strong></marquee></div>
Sekian dari saya, sebelumnya mohon maaf apabila ada kesalahan dalam script diatas, dikarenakan saya manusia yang tidak luput dari dosa dan salah. Wabilahi taufiq wal hidayah Wassalamualaikum Wr.Wb
0 komentar:
Posting Komentar