Google Form Creation Using Both HTML AND CSS (DATABASE CHECK FORM)
HTML CODE:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Google Form</title>
<style type="text/css">
h1{
color: blueviolet;
font-size: 30px;
font-style: italic;
font-family: fantasy;
background-color: limegreen;
text-align: center;
border: deepskyblue 8px;
}
h1:hover{
background-color: red;
color: rebeccapurple;
transition: all 3s ease-in-out;
}
</style>
</head>
<body>
<h1>DATABASE CHECK FORM</h1>
<p style="font-weight: bolder;font-size: 15px; color: hotpink;"><label for="name">Full name of the candidate </label>
<input type="text" name="name">
<p style="font-weight: bolder;font-size: 15px; color: orangered;"><label for="date">Date of birth of the candidate </label>
<input type="date" name="date">
<p style="font-weight: bolder;font-size: 15px; color: springgreen;"><label for="name">Father's Name </label>
<input type="text" name="name">
<p style="font-weight: bolder;font-size: 15px; color: sandybrown;"><label for="name">Nationality </label>
<input type="text" name="name">
<p style="font-weight: bolder;font-size: 15px; color: greenyellow;"><label for="Marital Status">Marital Status Of The candidate </label>
<select name="Marital Status" multiple>
<option value="">Select</option>
<option value="Single">Single</option>
<option value="Married">Married</option>
<option value="Divorsed">Divorsed</option>
</select>
<p style="font-weight: bolder;font-size: 15px; color: indigo;"><label for="phone">Local Mobile No. </label>
<input type="number" name="phone">
</body>
</html>
OUTPUT:
DATABASE CHECK FORM
No comments:
Post a Comment