Menambahkan style pada latihan 3

ff311fd3 · Fabian Dewantara Santonie · 078744cd · ff311fd3
Commit ff311fd3 authored Mar 22, 2022 by Fabian Dewantara Santonie 🕊
Hide whitespace changes
Inline Side-by-side

Showing with 48 additions and 2 deletions

Latihan3.jsp src/main/webapp/Latihan3.jsp +48 -2

No files found.
--- a/src/main/webapp/Latihan3.jsp
+++ b/src/main/webapp/Latihan3.jsp
@@ -2,6 +2,52 @@
    pageEncoding="ISO-8859-1"%>
 <!DOCTYPE html>
 <html>
+<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Audiowide">
+<style>
+body {
+  font-family: "Audiowide", sans-serif;
+}
+input[type=text], select {
+  width: 50%;
+  padding: 12px 20px;
+  margin: 8px 0;
+  display: inline-block;
+  border: 1px solid #ccc;
+  border-radius: 4px;
+  box-sizing: border-box;
+}
+
+input[type=password], select {
+  width: 50%;
+  padding: 12px 20px;
+  margin: 8px 0;
+  display: inline-block;
+  border: 1px solid #ccc;
+  border-radius: 4px;
+  box-sizing: border-box;
+}
+
+input[type=submit] {
+  width: 50%;
+  background-color: #4CAF50;
+  color: white;
+  padding: 14px 20px;
+  margin: 8px 0;
+  border: none;
+  border-radius: 4px;
+  cursor: pointer;
+}
+
+input[type=submit]:hover {
+  background-color: #45a049;
+}
+
+div {
+  border-radius: 5px;
+  background-color: #f2f2f2;
+  padding: 20px;
+}
+</style>
 <head>
 <meta charset="ISO-8859-1">
 <title>Insert title here</title>
@@ -10,9 +56,9 @@
 	<form action="/belajarJavaServlet_Fabian/Latihan3" method ="POST">
 		<h1>Masukan Username dan Password</h1><br>
  		<label for="username">Username :</label><br>
-  		<input type="text" id="username" name="username"><br>
+  		<input type="text" id="username" name="username" placeholder="Username..."><br>
  		<label for="password">Password :</label><br>
-  		<input type="password" id="password" name="password"><br><br>
+  		<input type="password" id="password" name="password" placeholder="Password..."><br><br>
  		<input type="submit" value="Login">
 	</form> 
 </body>