Educational Blog: HTML Form

Thursday, 12 March 2015

HTML Form

<html>
<body>
<form>
ID No
<br />
<input type="text" maxlength="5">
<br />
<br />

Name<br />
<input type="text" size="20" value="Neeta Tadha" readonly="readonly"><br/>
<br />

Phone
<br/><input type="text" value="XXXX-XXXXXXX" disabled="disabled">
<br/>
<br />

Password
<br /><input type="password">
<br />
<br />

Gender
<br /><input type="radio" name="gender" value="M">Male
<input type="radio" name="gender" value="F" checked>Female
<br />
<br />

Language
<br /><input type="checkbox" checked>English
<input type="checkbox">Gujarati
<input type="checkbox">Hindi
<br />
<br />

Education

<select>
<option>Graduation</option>
<option selected>Post Graduation</option>
</select>
<br />
<br />

Address
<br />
<textarea rows="2" cols="30">Write Here....</textarea>
<br />
<br />

Image<br />
<input type="text">
<input type="file">

<br />
<br />

<input type="button" value="Button">
<input type="reset" value="Reset Form">
<input type="submit" value="Submit Form">

</form>
</body>
</html>


Output :

img1

No comments:

Post a Comment