Cara Membuat Input Data dengan Menggunakan HTML
kali ini saya akan berbagi sedikit tentang bagaimana membuat input menggunakan HTML, langsung saja pada langkah-langkahnya.berikut adalah cara membuat input data menggunakan HTML :
1. masuk pada start kemudian pilih Notepad lalu isikan seperti dibawah :
<html>
<head>
<title>
form pandaftaran
</title>
<style type="text/css">
.body {
margin:0px;
padding:0px;
}
.header {
width:100%;
height:40px;
background-color:red;
color:white;
Font-size:24px;
text-align:center;
font-weight:bold;
line-height:40px;
}
.content {
width:100%;
height:auto;
border:1px solid;
padding-top:50px;
padding-bottom:50px;
.footer {
width:100%;
height:40px;
background-color:yellow;
color:white;
text-align:center;
font-size:24px;
line-height:40px;
</style>
</head>
<body>
<div class="header">
Pendaftaran Calon Siswa Baru
</div>
<div class="content">
<center> ISI FORMULIR DIBAWAH INI !!! <center>
<table align="center">
<tr>
<td>Nama lengkap</td> <td>:</td> <td><input type="text"</td>
</tr>
<tr>
<td>Nama Panggilan</td> <td>:</td> <td><input type="text"</td>
</tr>
<tr>
<td>Alamat Lengkap</td> <td>:</td> <td><input type="text"</td>
</tr>
<tr>
<td>Tanggal Lahir</td> <td>:</td> <td><input type="Number"</td>
</tr>
<tr>
<td>Asal Sekolah</td> <td>:</td> <td><input type="text"</td>
</tr>
<tr>
<td>   </td> <td>   </td> <td><input type="submit" value="DAFTAR"</td>
</tr>
</table>
</div>
</body>
</html>
kemudian ,
2. save as dengan format nama .html
3. buka menggunakan browser. hasilnya seperti ini :
Pendaftaran Calon Siswa SMK SWADAYA PUI
| Nama lengkap | : | |
| Nama Panggilan | : | |
| Alamat Lengkap | : | |
| Tanggal Lahir | : | |
| Asal Sekolah | : | |