Tugas 2 Pemrogaman Web F
<!DOCTYPE html>
<html>
<head>
<title>Pemesanan kereta api</title>
<style type="text/css">
body {
font-size: 20px;
background-color: #D5D5D5 ;
}
h1 {
color: blue;
}
td {
padding: 15px;
}
#kereta input, select{
width: 300px;
border: 1px solid #A09896;
border-radius: 5px;
font-size: 20px;
}
#kereta input[value="Simpan"]{
height: 50px;
width: 100px;
color: white;
background-color: #4091FF;
}
#kereta input[value="Batal"]{
height: 50px;
width: 100px;
color: white;
background-color: #FF4040;
}
#logo {
width: 10%;
}
</style>
</head>
<body>
<h1><img id="logo" src="https://upload.wikimedia.org/wikipedia/id/thumb/4/4e/Logo_PT_KAI_(Persero).svg/1280px-Logo_PT_KAI_(Persero).svg.png" alt="Logo Kereta Api">Selamat Datang!!!</h1>
<form id="kereta" action="html_form_action.asp" method="get">
<table align="center" >
<tr>
<td colspan="2" align="center"><h2>Pemesanan kereta api</h2></td>
</tr>
<tr>
<td>Nama Kereta</td>
<td><input type="text" name="Nama kereta"/> </td>
</tr>
<tr>
<td>Tanggal berangkat</td>
<td><input type="date" name="Tanggal berangkat"/> </td>
</tr>
<tr>
<td>Tanggal tiba</td>
<td><input type="date" name="Tanggal tiba"/> </td>
</tr>
<tr>
<td>Jam berangkat</td>
<td><input type="time" name="Jam berangkat"/> </td>
</tr>
<tr>
<td>Jam tiba</td>
<td><input type="time" name="Jam tiba"/> </td>
</tr>
<tr>
<td>Dari</td>
<td><input type="text" name="Dari"/> </td>
</tr>
<tr>
<td>Ke</td>
<td><input type="text" name="Ke"/> </td>
</tr>
<tr>
<td>Kelas</td>
<td>
<select name="Kelas">
<option value="eksekutif">Eksekutif</option>
<option value="bisnis">Bisnis</option>
<option value="ekonomi">Ekonomi</option>
</select>
</td>
</tr>
<tr>
<td colspan="2" align="center"><input type="submit" value="Simpan"/> <input type="submit" value="Batal"/></td>
</tr>
</table>
</form>
</body>
</html>
<html>
<head>
<title>Pemesanan kereta api</title>
<style type="text/css">
body {
font-size: 20px;
background-color: #D5D5D5 ;
}
h1 {
color: blue;
}
td {
padding: 15px;
}
#kereta input, select{
width: 300px;
border: 1px solid #A09896;
border-radius: 5px;
font-size: 20px;
}
#kereta input[value="Simpan"]{
height: 50px;
width: 100px;
color: white;
background-color: #4091FF;
}
#kereta input[value="Batal"]{
height: 50px;
width: 100px;
color: white;
background-color: #FF4040;
}
#logo {
width: 10%;
}
</style>
</head>
<body>
<h1><img id="logo" src="https://upload.wikimedia.org/wikipedia/id/thumb/4/4e/Logo_PT_KAI_(Persero).svg/1280px-Logo_PT_KAI_(Persero).svg.png" alt="Logo Kereta Api">Selamat Datang!!!</h1>
<form id="kereta" action="html_form_action.asp" method="get">
<table align="center" >
<tr>
<td colspan="2" align="center"><h2>Pemesanan kereta api</h2></td>
</tr>
<tr>
<td>Nama Kereta</td>
<td><input type="text" name="Nama kereta"/> </td>
</tr>
<tr>
<td>Tanggal berangkat</td>
<td><input type="date" name="Tanggal berangkat"/> </td>
</tr>
<tr>
<td>Tanggal tiba</td>
<td><input type="date" name="Tanggal tiba"/> </td>
</tr>
<tr>
<td>Jam berangkat</td>
<td><input type="time" name="Jam berangkat"/> </td>
</tr>
<tr>
<td>Jam tiba</td>
<td><input type="time" name="Jam tiba"/> </td>
</tr>
<tr>
<td>Dari</td>
<td><input type="text" name="Dari"/> </td>
</tr>
<tr>
<td>Ke</td>
<td><input type="text" name="Ke"/> </td>
</tr>
<tr>
<td>Kelas</td>
<td>
<select name="Kelas">
<option value="eksekutif">Eksekutif</option>
<option value="bisnis">Bisnis</option>
<option value="ekonomi">Ekonomi</option>
</select>
</td>
</tr>
<tr>
<td colspan="2" align="center"><input type="submit" value="Simpan"/> <input type="submit" value="Batal"/></td>
</tr>
</table>
</form>
</body>
</html>
Komentar
Posting Komentar