#How to Make Registration Form By HTML

<html>
<head>
<title>HTML Table</title>
</head>
<body>
<form method=""action="">
<table border="1" align="center" width="400" bgcolor="#CCCCA44" >
<caption>Registration form By Amit</caption>
<tr>
<th>Enter your first name</th>
<td><input type="text" name="fn" id="fn1" maxlength="10" title="enter your first name" placeholder="enter your first name" required/></td>
</tr>
<tr>
<th>Enter your last name</th>
<td><input type="text"/></td>
</tr>
<tr>
<th>Enter your password</th>
<td><input type="password"/></td>
</tr>
<tr>
<th>ReEnter your password</th>
<td><input type="password"/></td>
</tr>
<tr>
<th>Enter your email</th>
<td><input type="email"/></td>
</tr>
<tr>
<th>Enter your mobile</th>
<td><input type="number"/></td>
</tr>
<tr>
<th>Enter your address</th>
<td><textarea rows="8" cols="20"></textarea></td>
</tr>
<tr>
<th>Select your gender</th>
<td>
male<input type="radio" name="g" value="m"/>
female<input type="radio" name="g" value="f"/>
</td>
</tr>
<tr>
<th>Select your Hobbies</th>
<td>
Crickets1<input type="checkbox" name="x[]" value="h"/>
Singing2<input type="checkbox" name="x[]" value="h2"/>
Reading3<input type="checkbox" name="x[]" value="h3"/>
</td>
</tr>
<tr>
<th>Select your DOB</th>
<td><input type="date"/></td>
</tr>
<tr>
<th>Select your Country</th>
<td>
<select name="country">
<option value="" selected="selected" disabled="disabled">Select your country</option>
<option value="1">India</option>
<option value="2">USA</option>
</select>
</td>
</tr>
<tr>
<th>Upload your pic</th>
<td><input type="file"/></td>
</tr>
<tr>
<td colspan="2" align="center"><input type="submit" value="Save My Data"/>
<input type="reset" value="Reset Data"/>
</td>
</tr>
</table>
</form>
</body>
</html>

OutPut:

HTML Table
Registration form By Amit
Enter your first name
Enter your last name
Enter your password
ReEnter your password
Enter your email
Enter your mobile
Enter your address
Select your gender male female
Select your Hobbies Crickets1 Singing2 Reading3
Select your DOB
Select your Country
Upload your pic

Comments

Post a Comment