Your Guide to Professional
Web Site Design and Development

HTML Tips
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