Postingan lainnya
Buku Ini Koding!
Baru!
Buku ini akan jadi teman perjalanan kamu belajar sampai dapat kerjaan di dunia programming!
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