KUIS 1 PWEB A
Link Web : https://tengkureinaldo.github.io/quiz1Tengku.github.io/
Link Repository : https://github.com/tengkureinaldo/quiz1Tengku.github.io
1. index.html
<!DOCTYPE html>
<html>
<head>
<title>Form Registrasi</title>
<link rel="stylesheet" type="text/css" href="kuis1.css">
</head>
<body>
<h1 align="center">
FORM REGISTRASI
</h1>
<div>
<form>
<label for="fname">Nama Lengkap & Gelar</label>
<input type="text" id="n1">
<label for="lname">Asal Instansi / Kota</label>
<input type="text" id="i1">
<label for="lname">Alamat</label>
<input type="text" id="a1">
<label for="lname">Kode Pos</label>
<input type="text" id="k1">
<label for="lname">Provinsi</label>
<input type="text" id="p1">
<label for="lname">Telepon / Handphone</label>
<input type="text" id="t1">
<label for="lname">Email</label>
<input type="text" id="e1">
<label for="lname">Sponsor</label>
<input type="text" id="s1">
<label for="lname">Nama Perusahaan</label>
<input type="text" id="s2">
<label for="lname">Alamat Perusahaan</label>
<input type="text" id="s3">
<label for="lname">Nama Kontak Personal</label>
<input type="text" id="s4">
<label for="lname">Telp. Personal</label>
<input type="text" id="s5">
<label for="lname">Email Perusahaan</label>
<input type="text" id="s6">
<input type="submit" value="Submit" onclick="regisform()">
</form>
</div>
<script type="text/javascript">
function regisform(){
var n=document.getElementById("n1").value;
var e=document.getElementById("i1").value;
var p=document.getElementById("a1").value;
var cp=document.getElementById("k1").value;
var n=document.getElementById("p1").value;
var e=document.getElementById("t1").value;
var p=document.getElementById("e1").value;
var cp=document.getElementById("s1").value;
var n=document.getElementById("s2").value;
var e=document.getElementById("s3").value;
var p=document.getElementById("s4").value;
var cp=document.getElementById("s5").value;
var n=document.getElementById("s6").value;
}
</script>
</body>
</html>
2. kuis1.css
input[type=text], select {
width: 100%;
padding: 12px 20px;
margin: 8px 0;
display:inline-block;
border: 1px solid #ccc;
border-radius: 4px;
box-sizing: border-box;
}
input[type=submit] {
width: 100%;
background-color: yellowgreen;
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;
}
Komentar
Posting Komentar