Your Guide to Professional
Web Site Design and Development

HTML Codes
Web Development
Web Design Tips
JavaScript Codes
216 Web Safe Colors
CSS Tutorial
JavaScript Tutorial
ASCII Character Codes

Offering a guide to professional web site design, web page design and web design guidelines

| Web Site Development | HTML Codes | HTML Tips | Web Design TipsJavascript Snippets | 216 Safe Colors | Symbols | CSS Tutorial | JavaScript Tutorial |

Creating a Radio or Checkbox HTML Form

The INPUT tag is used to create input fields within a web page form.

You can create a radio or checkbox selection list by adding attributes to your INPUT tag.

<INPUT type="radio" name="your_selection" value="Option 1">Option 1
<INPUT type="radio" name="your_selection" value="Option 2">Option 2
<INPUT type="radio" name="your_selection" value="Option 3">Option 3

Browser View:

Option 1
Option 2
Option 3

<INPUT type="checkbox" name="selection">Selection 1
<INPUT type="checkbox" name="selection">Selection 2
<INPUT type="checkbox" name="selection">Selection 3

Browser View:

Selection 1
Selection 2
Selection 3

You can select a default value by adding the word "checked" within your INPUT tag.

<INPUT type="radio" name="option" checked>Option 1
<INPUT type="checkbox" name="selection" checked>Selection 1

Browser View:

Option 1
Selection 1

 More Web Design Tips