Postingan lainnya
Kelas Premium!
Belajar bikin website dari nol sekarang
Gunakan kupon "lebihcepat" untuk diskon 25%!
Pagaimana cara membuat tanggal pada inputan di form html kak?
<!DOCTYPE HTML>
<html>
<head>
<title>Lembar Kerja 05 | Dwi Herliabriyana</title>
<meta charset="UTF-8">
<style>
*{
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/*---------------------------------------------------------------------------------------------------------------------------------*/
#container{
width:98%;
height: auto;
margin:0 auto;
}
#header{
width:100%;
}
#header img{
width:100%;
align:center;
border:0px;
padding:0px;
margin:0px;
}
#menu{
padding:0px;
margin: 0px;
}
#menu li{
list-style:none;
float:left;
width:20%;
text-align:center;
background-color:#0e919b;
font-size:20px;
height:30px;
line-height:30px;
border-right:1px solid black;
box-sizing:border-box;
font-weight:bold;
color:white;
}
#menu li:last-child{
border:none;
}
#menu a{
text-decoration:none;
color:black
}
#menu li:hover{
background-color:#0eb4c1;
}
.si{
background:url(gambar/si.jpg);
width:100%;
height:40px;
}
#content{
background-color:#e7e9e9;
font-size:20px;
line-height:35px;
}
#form{
margin:auto;
}
.judul{
text-align:center;
text-decoration:underline;
font-weight:bold;
}
form{
margin:auto;
}
form table{
margin:auto;
}
.tombol{
background-color:yellow;
text-align:center;
margin:0 auto;
margin:15px;
margin-bottom:50px;
}
.tombol1{
text-align:center;
}
#footer{
background-color:#00a7b4;
text-align:center;
height:auto;
padding:15px;
color:white;
}
</style>
</head>
<body>
<div id="container">
<div id="header"></div>
<div id="menu">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Input Data</a></li>
<li><a href="#">Lihat Data</a></li>
<li><a href="#">Akun</a></li>
<li><a href="#">Logout</a></li>
</ul>
</div>
<div id="content">
<p>DWI HERLIABRIYANA, SELAMAT MENJALANKAN TUGAS...</p>
<p class="si">Sistem Informasi Rumah Sakit</p>
<div id="form">
<p class="judul">Input Data Pasien</p>
<form>
<table>
<tr>
<td><label>Kode Pasien</label></td>
<td><input type="text" name="kode"></td>
</tr>
<tr>
<td><label>Tanggal Masuk</label></td>
<td><input type="date" name="tgl_masuk"></td>
</tr>
<tr>
<td><label>Nama Pasien</label></td>
<td><input type="text" name="nama"></td>
</tr>
<tr>
<td><label>Tanggal Lahir</label></td>
<td><input type="date" name="tgl_lahir"></td>
</tr>
<tr>
<td><label>Tempat Lahir</label></td>
<td><input type="text" name="tempat-lahir"></td>
</tr>
<tr>
<td><label>Jenis Kelamin</label></td>
<td>
<select name="jkelamin">
<option>Laki-Laki</option>
<option>Perempuan</option>
</select>
</td>
</tr>
<tr>
<td><label>Alamat Pasien</label></td>
<td><input type="text" name="alamat"></td>
</tr>
<tr>
<td><label>Usia</label></td>
<td>
<select>
<option>1</option>
<option>2</option>
<option>3</option>
</select>
</td>
</tr>
<tr>
<td><label>Kode Ruangan</label></td>
<td><input type="text" name="kode">
<label>Jenis</label>
<select>
<option>--Pilih--</option>
<option>IGD</option>
</select>
</td>
</tr>
<tr>
<td><label>Nama Ruangan</label></td>
<td><input type="text" name="ruangan">
<label>Nomor Ranjang</label>
<input type="text" name="nomor">
</td>
</tr>
<tr>
<td><label>Penyakit yang diderita</label></td>
<td><input type="text" name="penyakit"></td>
</tr>
<tr>
<td colspan="2" class="tombol1">
<input type="submit" value="Input Data" class="tombol"/>
<input type="submit" value="Reset" class="tombol"/>
</td>
</tr>
</table>
</form>
</div>
</div>
<div id="footer">
<p>Copyright @ Dwi Herliabriyana 2016 <br>
Teknik Informatika 3 | Stikom Poltek Cirebon
</p>
</div>
</div>
</body>
</html>
saat validasi w3. error di inputan "date" kak. keterangannya : The date input type is not supported in all browsers. Please be sure to test, and consider using a polyfill.
terimakasih
0