Basic html FORM
Student Registration Form in html and CSS
Program Form
<html>
<head>
<title>form create using html and css </title>
<style>
input[type=email]
{
color:green;
font-family::courier new;
}
input[type=password]
{
color:red;
}
input[type=submit]
{
color:white;
background-color:orange;
}
input[type=submit]:hover
{
background-color:red;
color:purple;
}
body
{
background-color:#7FFFD4;
border: 5px solid plum;
text-align:center;
}
</style>
</head>
<body>
<form>
<label for="fn">First Name:</label><br>
<input type="text" id="fn" name="fn" required><br><br>
<label for="ln">Last Name:</label><br>
<input type="text" id="ln" name="ln" required><br><br>
<label for="mn">Middle Name</label><br>
<input type="text" id="mn" name="mn" required><br><br>
<input type="date" name="date" id="date" placeholder="date"><br><br>
<input type="email" name="email" placeholder="user email"><br><br>
<input type="password" id="password" name="password" placeholder="user password"><br><br>
<textarea name="comment" cols="30" row="40">user comment</textarea>
<h3>cource</h3>
<select>
<option disabled selected>courser</option>
<option>c</option>
<option>c++</option>
<option>java</option>
<option>data structure</option>
<option>digital marketing</option>
</select><br><br>
<h3>Gender</h3>
<input type="radio" value="f" name="gender">
<label for="f">Female</label><br>
<input type="radio" value="m" name="gender">
<label for="m">Man</label><br>
<input type="radio" value="o" name="gender">
<label for="f">other</label><br><br>
<input type="submit" value="login">
</form>
</body>
</html>
Related Post
