disini saya akan mencoba berbagi tutorial tentang cara membuat desain dasar dari HTML5.
berikut ini langkah-langkahnya :
<!DOCTYPE html>
<html>
<head>
<title>Registry</title><!--untuk memberi nama halaman-->
</head>
<body style="background-color:#00FFFF"><!--style="backgroun berguna untuk memberikan warna pada tampilan background-->
<h1 align="left">Isi Syarat Pendaftaran</h1><!--untuk menuliskan judul-->
<form method="get">
<table border="1">
<tr>
<td>Nama</td>
<td>:</td>
<td><input type="text" name="nama" autofocus required placeholder="ketikkan nama anda"></td><br><!--membuat input nama dgn memberikan perintah autofocus-->
</tr>
<tr>
<td>Alamat</td>
<td>:</td>
<td><input type="text" name="alamat" autofocus required placeholder="masukkan alamat anda"></td/><br><!--membuat input alamat-->
</tr>
<tr>
<td>Jenis Kelamin</td>
<td>:</td>
<td>
<input type="radio" name="gender" value="laki-laki">laki-laki<br><!--membuat input gender dengan bentuk pilihan-->
<input type="radio" name="gender" value="wanita">wanita<!--membuat input gender dengan bentuk pilihan-->
</td>
</tr>
<tr>
<td>Tanggal Lahir</td>
<td>:</td>
<td><input type="datetime" name="tanggal lahir" autofocus required placeholder="masukkan tgl lahir"></td><!--membuat input tgl lahir-->
</tr>
<tr>
<td>Nomor Telepon</td>
<td>:</td>
<td><input type="n-resize" name="Nomor Telepon" autofocus required placeholder="masukkan nomer telepon"></td><!--membuat input nomor telepon-->
</tr>
<tr>
<td>Alamat Web</td>
<td>:</td>
<td><input type="address" name="Alamat Web" autofocus required placeholder="masukkan alamat web"></td><!--membuat inputan alamat web-->
</tr>
<tr>
<td>E-mail</td>
<td>:</td>
<td><input type="email" name="email" autofocus required placeholder="masukkan email"></td><!--membuat inputan e-mail-->
</tr>
<tr><!--membuat inputan info kecamatan dengan pilihan menggunakan combo box-->
<td>Kecamatan</td>
<td>:</td>
<td>
<select name="kecamatan">
<option value="null" >---pilih kecamatan---</option>
<option value="tamansari">Tamansari</option>
<option value="dabasah">Dabasah</option>
<option value="kotakulon">Kotakulon</option>
</select>
</td>
</tr>
<tr>
<td>
<input type="submit" value="submit"><!--membuat input submit untuk menampung data yang sudah di isi-->
</td>
</tr>
</body>
</html>
hasilnya:
selamat mencoba..!!!!! :)
Tidak ada komentar:
Posting Komentar