Senin, 27 Agustus 2012

Membuat Form Dengan Notepad


kali ini saya akan mensharing ilmu  yang saya dapat di perkuliyahan saya Di semester II.
Berikut Ini Desain HTML Membuat Form Sederhana Dengan Notepad :

<html>
<head>
<title>belajar membuat form</title>
</head>
<body>

<body bgcolor=silver>
<center><b><font color=blue size=10>PROFIL MAHASISWA
</center></b></font>
<form>
<table>
<tr>
<td><font color=blue size=5> Nama </td>
<td><input type=text size=25></td>
</tr>
<tr>
<tr>
<td><font color=blue size=5> NPM </td>
<td><input type=text size=7></td>
</tr>
<tr>
<td><font color=blue size=5> Agama  </td>
<td><select>
<option value= islam> islam </option>
<option value= kristen> kristen </option>
<option value= katolik> katolik </option>
<option value= budha> budha </option>
<option value= hindu> hindu </option>
</td>
<tr>
<td><font color=blue size=5> Jenis Kelamin</td>
</tr>
<tr>
<td><input type =radio><option value =pria><font color=blue size=4>Pria</option></td>
<td><input type =radio><option value =wanita><font color=blue size=4>Wanita</option></td>
</tr>
<tr>
<td><input type= submit value = Tampil
</tr>
</body>
</table>
</form>
</html>

Copy HTML di atas Paste kan Di Notepad, Kemudian Simpan Notepad seperti ini
nama_file.html

Berikut ini Hasilnya:

Tidak ada komentar:

Posting Komentar