HTML 5 Form Example with coding

Learn how you can design forms with HTML 5. This tutorial will explain you how to design a  Text box, Password box, Radio Buttons, CheckBox and Form action submit button.

For your quick reference just see the left coding output for the right side coding

Sample Coding
First name:
Last name:

Text Box

<form> First name: <input name="firstname" type="text" /><br /> <br /> <br /> Last name: <input name="lastname" type="text" /></form>


Password Box

<br /> <form> Password: <input name="pwd" type="password" /></form>


Radio Buttons

<form> <input name="gender" type="radio" value="male" />Male<br /> <br /> <input name="gender" type="radio" value="female" />Female</form>

I have a bike

I have a car

Check Box

<form> <input name="vehicle" type="checkbox" value="Bike" />I have a bike<br /> <br /> <input name="vehicle" type="checkbox" value="Car" />I have a car </form>


Submit Button

<form action="html_form_action.asp" method="get" name="input"> Username: <input name="user" type="text" /><br /> <br /> <br /> <input type="submit" value="Submit" /><br /></form>

Popular posts from this blog

Five More Indian Languages - Google Translate

Connect To JioFi Device Without Knowing The Passwords Using WPS