79 users online (0 members and 79 guests)  

  HTML Form Input Type Radio

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):
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 menu.