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:


Password Box


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

Female

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>


Username:



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

Database Multi Language Support Format

Five More Indian Languages - Google Translate