Advanced HTML For Beginners > HTML > HTML Forms Input Type Radio

User Name: Remember Me? Password:  Register

The Radio input type creates circles that can either be checked or unchecked by the user. It's just like the checkbox type except for one thing, only one radio can be checked.

Here is an example

Check your listening interests (check only one):
<input type="radio" name="musictype2" value="rock" default> Rock<br>
<input type="radio" name="musictype2" value="alternative"> Alternative<br>
<input type="radio" name="musictype2" value="classical"> Classical<br>
<input type="radio" name="musictype2" value="etc."> Anything else

The code above would result in this (but only if with in <form> tags):

Check your listening interests (check only one):
Rock
Alternative
Classical
Anything else

Here are the attributes to input type radio

• input * - tells the browser that this is part of the form

• type * - tells the browser what input type it is

• name * - when the form is submitted, this is the header the information in this field will go under

• value * - this is what it the browser sends if that circle is checked (can be anything)

* = mandatory

Back to the HTML Forms Tutorials menu.