Ad

how to create a register form





Basic html FORM


Student Registration Form in html and CSS


form  html 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

introduction to javascript

php program to print half diamond pattern

php program to print alphabet pattern R

No comments

Powered by Blogger.