Tugas PWeb Form
Muhammad Faizul Muttaqin Wahyudi
5053231005
RPL
Jadi pada tugas kali ini kita diminta membuat form menggunakan html, formnya berisi kolom input, radio box, select box, dan juga button
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
body{
font-family: Calibri, Helvetica, sans-serif;
background-color: rgb(68, 66, 66);
}
.container {
padding: 50px;
background-color: rgb(176, 187, 191);
}
input[type=text], input[type=ListMember], textarea {
width: 100%;
padding: 15px;
margin: 5px 0 22px 0;
display: inline-block;
border: none;
background: #f1f1f1;
}
input[type=text]:focus, input[type=email]:focus {
background-color: rgb(120, 120, 128);
outline: none;
}
div {
padding: 10px 0;
}
hr {
border: 1px solid #1c1919;
margin-bottom: 25px;
}
.registerbtn {
background-color: #2b312b;
color: white;
padding: 16px 20px;
margin: 8px 0;
border: none;
cursor: pointer;
width: 100%;
opacity: 0.9;
}
.registerbtn:hover {
opacity: 1;
}
</style>
</head>
<body>
<form>
<div class="container">
<center> <h1> Form Pendaftaran TC Grandcup</h1> </center>
<hr>
<label> Nama Lengkap </label>
<input type="text" name="namaLengkap" placeholder= "NamaLengkap" size="30" required />
<label> NRP: </label>
<input type="text" name="NRP" placeholder="NRP" size="15" required />
<label> Jurusan: </label>
<input type="text" name="jurusan" placeholder="jurusan" size="15"required />
<div>
<label>
Cabang Lomba :
</label>
<select>
<option value="Basket">Basket</option>
<option value="Futsal">Futsal</option>
<option value="Catur">Catur</option>
<option value="Mobile Legend">Mobile Legend</option>
<option value="Valorant">Valorant</option>
<option value="Fifa">Fifa</option>
</select>
</div>
<div>
<label>
Angkatan :</label>
<select>
<option value = "2024">2024</option>
<option value = "2023">2023</option>
<option value = "2022">2022</option>
<option value = "2021">2021</option>
<option value = "2020">2020</option>
<option value = "DonaturCampus">Donatur Campus</option>
</select>
<div>
<label>
Gender :
</label><br>
<input type="radio" value="Male" name="gender" checked > Male
<input type="radio" value="Female" name="gender"> Female
</div>
<label>
Phone :
</label>
<input type="text" name="phone" placeholder="phone" value="+62" size="11"/>
List anggota team ( Nama lengkap dan NRP ) *khusus lomba multiplayer :
<textarea cols="80" rows="5" placeholder="" value="ListMember" required>
</textarea>
<label for="email"><b>Email</b></label>
<input type="text" placeholder="Enter Email" name="email" required>
<button type="submit" class="registerbtn">Register</button>
</form>
</body>
</html>
Komentar
Posting Komentar