Coder's Ground

How To Create a Registration Form in HTML

Here is an example of the Html code for registration form.  In this example, we have displayed many fields, radio button,  Submit Form button, etc.  We have used  Javascript validation in the registration form.

Example 1:-

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Ragistrasion form</title>
</head>

<body>
<form>
<table border="0">
<tr height="60px">
<td height="60px">Name:</td>
<td>
<input type="text"  name="" placeholder="Name" height="60px" />
</td>
</tr>
<tr>
<td> passward</td>
<td>
<input type="password" placeholder="Passward" />
</td>
</tr>
<tr>
<td>Gender</td>
<td>
<input type="checkbox" name="Gender" />Male
<input type="checkbox" name="Genber" />Female
</td>
<tr>
<td>DOB</td>
<td>
<input type="text" name="DOB" placeholder="DD/MM/YY" />
</td>
</tr>
<tr>
<td>Email</td>
<td>
<input type="text" name="" placeholder="Email" />
</td>
</tr>
<tr>
<td>Phone no.</td>
<td>
<select>
<option>+977</option>
<option>+911</option>
<option>+922</option>
<option>+901</option>
<option>+902</option>
</select>
<td>
<input type="text" name="" placeholder="9700--------" />
<tr>
<td>
<input type="submit" name="Submit" value="Submit" />
</td>
</tr>
</td>
</td>
</tr>
<tr>
<td>File Upload</td>
<td>
<input type="file" name="Upload" value="Upload" />
</td>
</tr>
<tr>
<td>Next</td>
<td>
<input type="button" name="Next" value="on"/>
</td>
</tr>
</table>
</form>
</body>
</html>

Output 1:-

Example 2:-

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Form_attribute</title>
</head>

<body>
<form>

<input type="checkbox" name="Math" value="on" />
<label>Math</label>
<br />
<input type="checkbox" name="Science" value="on" />
<label>Science</label>
<br />
<input type="checkbox" name="Hindi" value="on" />
<label>Hindi</label>
<br />
<input type="checkbox" name="English" value="on" />
<label>English</label>
<br />
</form>
<br />
<br />

<form>
<input type="radio" name="city" value="Bilaspur" />
<label> Bilaspur </label>
<br />
<input type="radio" name="city" value="Raipur" />
<label>Raipur</label>
<br />
<input type="radio" name="city" value="Korba" />
<label>Korba</label>
</form>
<br />
<br />

<form>
<input multiple="multiple" name="kk" value="kp" />
</form>
<br />
<br />

<form>
<select name="dropdown">
<option value="Maths" selected="selected">Maths</option>
<option value="English">English</option>
<option value="Hindi">Hindi</option>
</select>
</form>
<br />
<br />

<form>
<input type="file" name="fileupload" />
</form>
<br />
<br />

<form>
<input type="Submit" name="Submit" value="Submit" />
<input type="reset" name="reset" value="reset" />
<input type="botton" name="ok" value="ok" />
<input type="image" name="ok" value="image botton"/>
</form>
</form>
</body>
</html>

Output 2:-

 

Surabhi Singh

You may also like

Leave a reply

Your email address will not be published. Required fields are marked *