top of page

3 ) HTML Document to create a registration form

  • Mahesh Bhat
  • Jul 4, 2017
  • 1 min read

Output is as shown below :-


The Source code for above Output

( I highlighted some Important tags in the source code for better understanding , If u have any doubt regarding to this you can ask in the comment section , Thank you )


<html> <head> <title>Registration form </title> <style> th{text-align:left} </style> </head>

<body> <center> <fieldset style ="width:40%"> <legend><h2>Registration Form </h2></legend>

<form> <table border=2 bgcolor=lightblue align=center cellspacing=0 cellpadding=10 > <tr><th width=40%>FirstName <td><input type=text size=50 placeholder="Enter your First name " autofocus > <tr><th> Last Name <td><input type=text size=50 placeholder="Enter your Last name "> <tr><th> Contact No <td><input type=text size=50 placeholder="Enter your contact no"> <tr><th> Email Id <td><input type=email size=50 placeholder="Enter your email Id "> <tr><th> Website Url <td><input type=url size=50 placeholder="Enter your Website URL "> <tr><th> DOB <td><input type=date value=10/10/2000 placeholder="Enter your DOB "> <tr><th> Ability to do coding <td><input type=range min=0 max=25 step=5> <tr><th> Time of registration <td><input type=time size=50 > <tr><td colspan=2 align=center ><input type=button value=click onclick=" Alert ( Insrted Successfully ) " </center> </body> </html>

The OUTPUT with little explanation :-

Field set : which provides a border or combo box for a form

Placeholder : it gives an instruction or tool tip for a particular textbox

Date picker : u can choose any date and year

click button : it will give a promote or link to another file or webpage.


Comments


Recent Posts

© 2023 by Kathy Schulders. Proudly created with Wix.com 

  • Grey Twitter Icon
bottom of page