Wednesday, 4 February 2015

Create an HTML page for Registration Form using CSS

  1. <html>
  2. <head> 
  3. <script type="text/javascript">
  4.        function validate()
  5.        {
  6.           var a=document.f1.nm.value;
  7.           var b=document.f1.pw.value;
  8.           var c=document.f1.pwd.value;
  9.           var d=document.f1.mail.value;
  10.           if(a=="")
  11.           {
  12.             alert("Please enter name");
  13.           }
  14.          else if(b=="")
  15.           {
  16.             alert("Please enter password");
  17.           }
  18.         

  20.          else if(c=="")
  21.           {
  22.             alert("Please enter confirm password");
  23.           }
  24.           else if(d=="")
  25.           {
  26.             alert("Please enter name email");
  27.           }
  28.  
  29.        
  30.           
  31.           else if(d=="@abc")
  32.           { 
  33.             alert("Thanks for register us");
  34.           } 
  35.           else
  36.           { 
  37.             alert("please include a @ in password");
  38.           }
  39.           
  40.       }
  41. </script>  
  42. <title> Registration Form </title> 
  43. </head>
  44. <body bgcolor="skyblue">
  45. <form name="f1" method="post" onsubmit="validate()">
  46. <center>
  47. <table border="4">
  48. <h2> Registration Form</h2>
  49. <tr>
  50. <td>Username*</td><td><input type="text" name="nm" ></td>
  51. </tr>
  52. <tr>
  53. <td>Password*</td><td><input type="password" name="pw"></td>
  54. </tr>
  55. <tr>
  56. <td>Confirm password*</td><td><input type="password" name="pwd"></td>
  57. </tr>
  58. <tr>
  59. <td>Email*</td><td><input type="text" name="mail"></td>
  60. </tr>
  61. <tr>
  62. <td>Contact</td><td><input type="text" name="cnt"></td>
  63. </tr>
  64. <tr>
  65. <td>Age</td><td><input type="text" name="ag"></td>
  66. </tr>
  67. <tr>
  68. <td>Gender</td><td><input type="radio" name="gn">Male<input type="radio" name="gn">Female</td>
  69. </tr>
  70. <tr>
  71. <td>Qualification</td>
  72. <td>
  73. <select>
  74. <option >Select</option>
  75. <option>MCA</option>
  76. <option>MBA</option>
  77. <option>BTech</option>
  78. <option>BCA</option>
  79. <option>BBA</option>
  80. <option>BA</option>
  81. <option>Bsc.</option>
  82. </select>
  83. </td>
  84. </tr>
  85. <tr>
  86. <td>Hobbies</td><td><input type="checkbox">Watch movie<input type="checkbox">Play cricket</td>
  87. </tr>
  88. <td>
  89. <input type="Submit" name="submit" value="submit">
  90. <input type="button" value="Cancel">
  91. </td>
  92. </table>
  93. </center>
  94. </form>
  95. </body>
  96. </html>
Posted by at

No comments:

Post a Comment

Subscribe to: Post Comments (Atom)