CODE
Jumat, 31 Maret 2017
Selasa, 21 Maret 2017
Tugas3_Pweb_F
<!DOCTYPE html>
<html>
<head>
<title>Formulir Registrasi Mahasiswa</title>
<style type="text/css">
body {
font-size: 20px;
font-family: "Lucida Console";
}
h1 {
color: green;
}
td {
padding: 20px;
padding-bottom: 20px;
padding-top: 20px;
}
#registrasi input, select{
width: 400px;
border: 2px solid #c63939;
border-radius: 20px;
font-size: 20px;
padding: 6px;
}
#registrasi input[value="Simpan"]{
height: 50px;
width: 100px;
color: white;
background-color: #4091FF;
cursor:pointer;
}
#registrasi input[value="Simpan"]:hover{
background-color: #67A8FF;
}
#registrasi input[value="Batal"]{
height: 50px;
width: 100px;
color: white;
background-color: #FF4040;
cursor:pointer;
}
#registrasi input[value="Batal"]:hover{
background-color: #FF6666;
}
</style>
<script>
function popUp(){
window.alert("Registrasi Berhasil");
}
</script>
</head>
<body>
<form id="registrasi" method="get">
<table align="center" >
<tr>
<td colspan="2" align="center"><h2>Formulir Registrasi Mahasiswa</h2></td>
</tr>
<tr>
<td>Nama Mahasiswa</td>
<td><input type="text" name="Nama Mahasiswa"/> </td>
</tr>
<tr>
<td>NIM</td>
<td><input type="text" name="NIM" list="NIM"/>
<datalist id="NIM">
<option value="1115100">
<option value="1215100">
<option value="1315100">
<option value="1415100">
<option value="1515100">
<option value="2115100">
<option value="2215100">
<option value="2315100">
<option value="2415100">
<option value="2515100">
<option value="2615100">
<option value="2715100">
<option value="2815100">
<option value="2915100">
<option value="3115100">
<option value="3215100">
<option value="3315100">
<option value="3415100">
<option value="3515100">
<option value="3615100">
<option value="3715100">
<option value="3815100">
<option value="4115100">
<option value="4215100">
<option value="4315100">
<option value="4415100">
<option value="5115100">
<option value="5215100">
</datalist>
</td>
</tr>
<tr>
<td>Mata Kuliah</td>
<td><input type="text" name="Mata Kuliah" list="mata kuliah"/>
<datalist id="mata kuliah">
<option value="Pemrogaman Web">
<option value="Otomata">
<option value="Manajemen Basis Data">
<option value="Perancangan dan Analisis Algoritma II">
<option value="Jaringan Komputer">
<option value="Kecerdasan Buatan">
</datalist>
</td>
</tr>
<tr>
<td>Dosen</td>
<td><input type="text" name="Dosen"/> </td>
</tr>
<tr>
<td colspan="2" align="center">
<input type="submit" value="Simpan" onclick="popUp()"/>
<input type="submit" value="Batal"/>
</td>
</tr>
</table>
</form>
</body>
</html>
<html>
<head>
<title>Formulir Registrasi Mahasiswa</title>
<style type="text/css">
body {
font-size: 20px;
font-family: "Lucida Console";
}
h1 {
color: green;
}
td {
padding: 20px;
padding-bottom: 20px;
padding-top: 20px;
}
#registrasi input, select{
width: 400px;
border: 2px solid #c63939;
border-radius: 20px;
font-size: 20px;
padding: 6px;
}
#registrasi input[value="Simpan"]{
height: 50px;
width: 100px;
color: white;
background-color: #4091FF;
cursor:pointer;
}
#registrasi input[value="Simpan"]:hover{
background-color: #67A8FF;
}
#registrasi input[value="Batal"]{
height: 50px;
width: 100px;
color: white;
background-color: #FF4040;
cursor:pointer;
}
#registrasi input[value="Batal"]:hover{
background-color: #FF6666;
}
</style>
<script>
function popUp(){
window.alert("Registrasi Berhasil");
}
</script>
</head>
<body>
<form id="registrasi" method="get">
<table align="center" >
<tr>
<td colspan="2" align="center"><h2>Formulir Registrasi Mahasiswa</h2></td>
</tr>
<tr>
<td>Nama Mahasiswa</td>
<td><input type="text" name="Nama Mahasiswa"/> </td>
</tr>
<tr>
<td>NIM</td>
<td><input type="text" name="NIM" list="NIM"/>
<datalist id="NIM">
<option value="1115100">
<option value="1215100">
<option value="1315100">
<option value="1415100">
<option value="1515100">
<option value="2115100">
<option value="2215100">
<option value="2315100">
<option value="2415100">
<option value="2515100">
<option value="2615100">
<option value="2715100">
<option value="2815100">
<option value="2915100">
<option value="3115100">
<option value="3215100">
<option value="3315100">
<option value="3415100">
<option value="3515100">
<option value="3615100">
<option value="3715100">
<option value="3815100">
<option value="4115100">
<option value="4215100">
<option value="4315100">
<option value="4415100">
<option value="5115100">
<option value="5215100">
</datalist>
</td>
</tr>
<tr>
<td>Mata Kuliah</td>
<td><input type="text" name="Mata Kuliah" list="mata kuliah"/>
<datalist id="mata kuliah">
<option value="Pemrogaman Web">
<option value="Otomata">
<option value="Manajemen Basis Data">
<option value="Perancangan dan Analisis Algoritma II">
<option value="Jaringan Komputer">
<option value="Kecerdasan Buatan">
</datalist>
</td>
</tr>
<tr>
<td>Dosen</td>
<td><input type="text" name="Dosen"/> </td>
</tr>
<tr>
<td colspan="2" align="center">
<input type="submit" value="Simpan" onclick="popUp()"/>
<input type="submit" value="Batal"/>
</td>
</tr>
</table>
</form>
</body>
</html>
Jumat, 03 Maret 2017
Tugas2_Pweb_F
<html>
<head>
<style type="text/css">
form{text-align : left;
margin-left : 500;}
body{background-color:#C2C2C2;}
input[value ="Submit"]{
background-color :#C72CEF;}
input[value ="Reset"]{
background-color :#EC1A0E;}
</style>
<title> PEMESANAN TIKET KERETA API ONLINE </title>
</head>
<body>
<h1 style="font-family:verdana;" ><img src="http://www.thepresidentpost.com/wp-content/uploads/2014/12/logo-pt-kai.jpg" alt="KAI"
style="width:75px;height:50px;"> Selamat Datang !!</h1>
<br />
<br />
<pre>
<form name="input" action="html_form_action.asp" method="get">
Nama Kereta: <input type="text" name="namakereta" />
<br />
Tanggal Berangkat: <input type="date" name="tanggalberangkat" />
<br />
Tanggal Tiba: <input type="date" name="tanggaltiba" />
<br />
Jam Berangkat: <input type="time" name="pwd" />
<br />
Jam Tiba: <input type="time" name="pwd" />
<br />
Dari: <input type="text" name="dari" />
<br />
Ke: <input type="text" name="ke" />
<br />
Kelas: <select name ="kelas">
<option value="ekonomi">Ekonomi</option>
<option value="bisnis">Bisnis</option>
<option value="eksekutif">Eksekutif</option>
</select>
<br />
<input type="submit" value="Submit"/> <input type="reset" value="Reset" />
</pre>
Screenshot:
<head>
<style type="text/css">
form{text-align : left;
margin-left : 500;}
body{background-color:#C2C2C2;}
input[value ="Submit"]{
background-color :#C72CEF;}
input[value ="Reset"]{
background-color :#EC1A0E;}
</style>
<title> PEMESANAN TIKET KERETA API ONLINE </title>
</head>
<body>
<h1 style="font-family:verdana;" ><img src="http://www.thepresidentpost.com/wp-content/uploads/2014/12/logo-pt-kai.jpg" alt="KAI"
style="width:75px;height:50px;"> Selamat Datang !!</h1>
<br />
<br />
<pre>
<form name="input" action="html_form_action.asp" method="get">
Nama Kereta: <input type="text" name="namakereta" />
<br />
Tanggal Berangkat: <input type="date" name="tanggalberangkat" />
<br />
Tanggal Tiba: <input type="date" name="tanggaltiba" />
<br />
Jam Berangkat: <input type="time" name="pwd" />
<br />
Jam Tiba: <input type="time" name="pwd" />
<br />
Dari: <input type="text" name="dari" />
<br />
Ke: <input type="text" name="ke" />
<br />
Kelas: <select name ="kelas">
<option value="ekonomi">Ekonomi</option>
<option value="bisnis">Bisnis</option>
<option value="eksekutif">Eksekutif</option>
</select>
<br />
<input type="submit" value="Submit"/> <input type="reset" value="Reset" />
</pre>
Screenshot:
Langganan:
Postingan (Atom)