Hedi Nasrudin's Blog Ngayogyakarta Hadiningrat

Selasa, 28 Maret 2017

PWEB "Tugas Untuk Membuat Formulir"

Assalamualaikum wr.wb
    Tugas kali ini adalah untuk membuat formulir pendaftaran, lansung saja seperti berikut HTML yang telah saya buat.

Formulir pendaftaran
<!DOCTYPE html>
<html>
<head>
 <title>Page Title</title>
</head>
<body>
 <table border="0" width="100%" align="center">
 <tr>
 <td colspan=2><img src="header.jpg" width="100%" height="120px">
 </td>
 </tr>
 
 <tr>
 <td width="20%">
  <tr>
  <td bgcolor="#1DF914">
  <ul>
  <li><a href="#">Beranda</a></li>
  <li><a href="#">Formulir</a></li>
  </ul>
  </td>
 </td>
 <td bgcolor="#1DACD6"><center>Formulir Pendaftaran</center>
 <form>
 Nama :<br><input type="text" name="nama" width="100px"<br><br>
 Alamat : <br><textarea rows=4 cols=40></textarea><br><br>
 J.Kelamin : <br><input type="radio" name="jk" value="pria"/>Pria
    <input type="radio" name="jk" value="Wanita"/>Wanita
 Agama    : <br><select name="agama">
    <option>Islam</option>
    <option>Khatolik</option>
    <option>Protestan</option>
    <option>Hindu</option>
    <option>Budha</option>
    <option>Lainnya</option>
   </select><br/>
 Hobi : <br><input type="Checkbox" name="hobi" />Foot Ball
 <input type="checkbox" name="hobi2" />Volly
 <input type="checkbox" name="hobi3" />Basket Ball
 <input type="checkbox" name="hobi4" />Billyard<br/>
 
 <input type="submit" name="daftar" value="daftar"/>
 <input type="reset"/>
 </td>
 </form>
 </td>
 </tr>
 <tr>
 <td colspan=2 align="center" bgcolor="#FC74FD">Formulir Univeristas Ahmad Dahalan</td>
 </tr>
 
 </table>


</body> 
</html>


Diatas merupakan script html yang saya buat dan hasil-nya seperti berikut.

hasil dari html diatas

     Sekian dan terimakasih semoga dapat membantu.

Wassalamualaikum wr.wb

0 komentar:

Posting Komentar

Follow Me

CB Blogger

Blog Archive