<form action=" " method="get" style="border: 1px solid black; padding:10px ;" >
<h1 style="text-align: center;">Survey Form</h1>
<label for="name">Full Name : </label>
<input type="text" placeholder="Fullname" required><br>
<label for="id">Enrollment ID : </label> <input type="number" placeholder="(e.g. 20114792)" required><br>
<label for="email">E-mail : </label> <input type="email"><br>
<label for="course" >Course : </label> Full JS<input type="checkbox" name="Courses" id="" checked disabled>
Data Science<input type="checkbox" name="Courses" id="">
Blockchain<input type="checkbox" name="Courses" id=""><br>
<input type="submit" value="Submit">
xxxxxxxxxx
input{
margin:10px;
}
/* required */
input:required{
background-color: #faa060;
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.