HTML Forms

Download This Tutorial in PDF

What is the form?

The form is used to take values or data from the user and to send the data for storage in the database.

Text:

<html>
<body><form>
1st name<input type=”text” name=”1stname” value=”Sameed”>
<br>
Second name<input type=”text” name=”secondname” value=” “>
<br>
<input type=”submit” value=”Submit”>
</form></body></html>

Output:

text in html form

You can also apply input type as “password”. If you write it as follows;

<input type=”password” > 

it will create the text box  but all typed values are hidden and does not appears on the screen. Instead stars * are appears on the screen.


Radio Button:

<html>
<body><form>
<input type=”radio” value=”male” name=”gender”  > Male<br>
<input type=”radio” value=”female” name=”gender”  checked> Female<br>
</form></body>
</html>

Output:

radion button in html


Text Area:

A larger text area can also be defined to get a large message

<html>
<body><form>
<textarea name=”message”  cols=”10″ rows=”5″ >Welcome to T4Tutorials.com</textarea> <br>
<input type=”submit”>
</form></body>
</html>

Output: 

textarea in html

Select and Option

Output

Subscribe for Friendship

Latest posts by Prof. Fazal Rehman Shamil (see all)

Buy advertisement space on T4Tutorials

For more details email [email protected]