how to create simple form in html

=> open ur text editer :-

=> And save it as form.html and write below code:-

<html>
<body>
<form>

Name <br/>
<input type="text" size="30" value="ABC">
<br/><br/>

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

Phone<br/>
<input type="tel" name="Phone" maxlength="10">
<br/><br/>

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

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

Eduction
<Select>
<option>Graduation</option>
<option selected>Post Graduation</option>
</Select>
<br/><br/>

Address <br/>
<textarea rows="5" cols="30" style="resize: none;"></textarea>
<br/><br/>

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

<input type="button" value="Button">
<input type="reset" value="Reset">
<input type="submit" value="Submit Form">
</form>
</body>
</html>

=>then run on ur browser.

=>if u download source code then click on below link :-

Download Source Code

Comments

Post a Comment

Popular posts from this blog

How to create simple biodata form in html

=> open ur text editer :- => And save it as bidata.html and write below code:- <html> <body> <table width="800" border="0" align="center" cellpadding="5"> <tr> <td colspan="2">Basic Info<hr/></td> </tr> <tr> <td width="50%" align="right">Full Name:</td> <td>ABC H. XYZ</td> </tr> <tr> <td align="right">Father's Name:</td> <td>HIJ K. XYZ</td> </tr> <tr> <td align="right">Age:</td> <td>22 Years</td> </tr> <tr> <td align="right">Date of Birth:</td> <td>15<sup>th</sup> March</td> </tr> <tr> <td align="right">Religion:</td> <td>PATEL</td...
Read more

How to use Height and Width property in HTML using CSS

  => open ur text editer :- => And save it as propert_height_width.html and write below code:- <html> <head> <style type="text/css"> p{ border: 1px solid #a1a1a1; width: 100%; height: 150px; overflow-x: hidden; overflow-y: scroll; } </style> </head> <body> <p> HTML, by default,is not so attractive... ...This paragraph has fixed height of 150px, width wise there are no issues. But, when content in paragraph increases, it "overflows" out of the  tag. In such cases, to maintain width, scroll bars  are used. <br /><br /> HTML, by default,is not so attractive... ...This paragraph has fixed height of 150px, width wise there are no issues. But, when content in paragraph increases, it "overflows" out of the  tag. In such cases, to maintain width, scroll bars  are used. <br /><br /> HTML, by default,is n...
Read more

How to use cursor property in HTML using CSS

=> open ur text editer :- => And save it as propert_cursor.html and write below code:-   <html> <head> <style type="text/css"> body{ cursor:  w-resize; } </style> </head> <body> <h1>Hello!</h1> <b>let`s have a look at css..</b> <p>HTML by default,is not so attractive.CSS helps in "beautification" of HTMl.  How about learning some CSS magic?CSS stands for Cascading Style Sheet. This file will help you sharpen your CSS skills.</p> </body> </html> =>then run on ur browser. =>if u download source code then click on below link :- Download Source Code
Read more