All You Can Do With: Forms INPUT Type: Radio

W3 Org on INPUT-Radio
Not showing in this AYCD page.
  1. tabindex is available to control the tab order.(tabindex="5" {index order number}).
  2. alt - not relavent
  3. JavaScript
    • onfocus
    • onblur
    • onselect
    • onchange
    • onclick
    • ondblclick
    • onmousedown
    • onmouseup
    • onmouseover
    • onmousemove
    • onmouseout
    • onkeypress
    • onkeydown
    • onkeyup
    • accept

Basic Basic Example:



Basic Example:
<FORm>
<LABel For="CB1">Radio 1 Default Checked (Baseball)</label><INPUT Type="Radio" Name="Sport" ID="CB1" Value="Radio 1" CHECKED><BR>
<LABel For="CB2">Radio 2 (Basketball)</label><INPUT Type="Radio" Name="Sport" ID="CB2" Value="Radio 2"><BR>
<LABel For="CB3">Radio 3 (Football)</label><INPUT Type="Radio" Name="Sport" ID="CB3" Value="Radio 3">
</form>
readonly



<FORm>
<LABel For="CB1">Radio 1 Default Checked (Baseball)</label><INPUT Type="Radio" Name="Sport" ID="CB1" Value="Radio 1" CHECKED readonly><BR>
<LABel For="CB2">Radio 2 (Basketball)</label><INPUT Type="Radio" Name="Sport" ID="CB2" Value="Radio 2" readonly><BR>
<LABel For="CB3">Radio 3 (Football)</label><INPUT Type="Radio" Name="Sport" ID="CB3" Value="Radio 3" readonly>
</form>
tabindex



Basic Example:
<FORm>
<LABel For="CB1">Radio 1 Default Checked (Baseball)</label><INPUT Type="Radio" Name="Sport" ID="CB1" Value="Radio 1" tabindex="1" CHECKED><BR>
<LABel For="CB2">Radio 2 (Basketball)</label><INPUT Type="Radio" Name="Sport" ID="CB2" Value="Radio 2" tabindex="2"><BR>
<LABel For="CB3">Radio 3 (Football)</label><INPUT Type="Radio" Name="Sport" ID="CB3" Value="Radio 3" tabindex="3">
</form>
accesskey



Basic Example:
<FORm>
<LABel For="CB1">Radio 1 Default Checked (Baseball)</label><INPUT Type="Radio" Name="Sport" ID="CB1" Value="Radio 1" accesskey="U" CHECKED><BR>
<LABel For="CB2">Radio 2 (Basketball)</label><INPUT Type="Radio" Name="Sport" ID="CB2" Value="Radio 2"><BR>
<LABel For="CB3">Radio 3 (Football)</label><INPUT Type="Radio" Name="Sport" ID="CB3" Value="Radio 3">
</form>

This is the CSS for Radio.

Background Image




<FORm>
<LABel For="CB1">Radio 1 Default Checked (Baseball)</label><INPUT Type="Radio" Name="Sport" ID="CB1" Value="Radio 1" style="background: url('images/box_aqua_bg.gif');" CHECKED><BR>
<LABel For="CB2">Radio 2 (Basketball)</label><INPUT Type="Radio" Name="Sport" ID="CB2" Value="Radio 2" style="background: url('images/box_aqua_bg.gif');"><BR>
<LABel For="CB3">Radio 3 (Football)</label><INPUT Type="Radio" Name="Sport" ID="CB3" Value="Radio 3" style="background: url('images/box_aqua_bg.gif');">
</form>

Color



<FORm>
<LABel For="CB1">Radio 1 Default Checked (Baseball)</label><INPUT Type="Radio" Name="Sport" ID="CB1" Value="Radio 1" style="background-color: lightyellow;" CHECKED><BR>
<LABel For="CB2">Radio 2 (Basketball)</label><INPUT Type="Radio" Name="Sport" ID="CB2" Value="Radio 2" style="background-color: lightyellow;"><BR>
<LABel For="CB3">Radio 3 (Football)</label><INPUT Type="Radio" Name="Sport" ID="CB3" Value="Radio 3" style="background-color: lightyellow;">
</form>

Transparent



<FORm>
<LABel For="CB1">Radio 1 Default Checked (Baseball)</label><INPUT Type="Radio" Name="Sport" ID="CB1" Value="Radio 1" style="background-color: Transparent;" CHECKED><BR>
<LABel For="CB2">Radio 2 (Basketball)</label><INPUT Type="Radio" Name="Sport" ID="CB2" Value="Radio 2" style="background-color: Transparent;"><BR>
<LABel For="CB3">Radio 3 (Football)</label><INPUT Type="Radio" Name="Sport" ID="CB3" Value="Radio 3" style="background-color: Transparent;">
</form>
Did this by adding a background image to the enclosing div tag.

Image Repeat-X



<FORm>
<LABel For="CB1">Radio 1 Default Checked (Baseball)</label><INPUT Type="Radio" Name="Sport" ID="CB1" Value="Radio 1" style="background: url('images/box_aqua_bg.gif'); background-repeat: repeat-x" CHECKED><BR>
<LABel For="CB2">Radio 2 (Basketball)</label><INPUT Type="Radio" Name="Sport" ID="CB2" Value="Radio 2" style="background: url('images/box_aqua_bg.gif'); background-repeat: repeat-x"><BR>
<LABel For="CB3">Radio 3 (Football)</label><INPUT Type="Radio" Name="Sport" ID="CB3" Value="Radio 3" style="background: url('images/box_aqua_bg.gif'); background-repeat: repeat-x">
</form>

Image Repeat-Y



<FORm>
<LABel For="CB1">Radio 1 Default Checked (Baseball)</label><INPUT Type="Radio" Name="Baseball" ID="CB1" Value="Radio 1" style="background: url('images/box_aqua_bg.gif'); background-repeat: repeat-y" CHECKED><BR>
<LABel For="CB2">Radio 2 (Basketball)</label><INPUT Type="Radio" Name="Basketball" ID="CB2" Value="Radio 2" style="background: url('images/box_aqua_bg.gif'); background-repeat: repeat-y"><BR>
<LABel For="CB3">Radio 3 (Football)</label><INPUT Type="Radio" Name="Football" ID="CB3" Value="Radio 3" style="background: url('images/box_aqua_bg.gif'); background-repeat: repeat-y">
</form>

Image no-repeat



<FORm>
<LABel For="CB1">Radio 1 Default Checked (Baseball)</label><INPUT Type="Radio" Name="Baseball" ID="CB1" Value="Radio 1" style="background: url('images/box_aqua_bg.gif'); background-repeat: no-repeat" CHECKED><BR>
<LABel For="CB2">Radio 2 (Basketball)</label><INPUT Type="Radio" Name="Basketball" ID="CB2" Value="Radio 2" style="background: url('images/box_aqua_bg.gif'); background-repeat: no-repeat"><BR>
<LABel For="CB3">Radio 3 (Football)</label><INPUT Type="Radio" Name="Football" ID="CB3" Value="Radio 3" style="background: url('images/box_aqua_bg.gif'); background-repeat: no-repeat">
</form>

Image Repeat



<FORm>
<LABel For="CB1">Radio 1 Default Checked (Baseball)</label><INPUT Type="Radio" Name="Baseball" ID="CB1" Value="Radio 1" style="background: url('images/box_aqua_bg.gif'); background-repeat: repeat" CHECKED><BR>
<LABel For="CB2" style="background: url('images/box_aqua_bg.gif'); background-repeat: repeat">Radio 2 (Basketball)</label><INPUT Type="Radio" Name="Basketball" ID="CB2" Value="Radio 2"><BR>
<LABel For="CB3" style="background: url('images/box_aqua_bg.gif'); background-repeat: repeat">Radio 3 (Football)</label><INPUT Type="Radio" Name="Football" ID="CB3" Value="Radio 3">
</form>

These work too:


Border Border Color



<FORm>
<LABel For="CB1">Radio 1 Default Checked (Baseball)</label><INPUT Type="Radio" Name="Baseball" ID="CB1" Value="Radio 1" style="border-color: lightgreen;" CHECKED><BR>
<LABel For="CB2">Radio 2 (Basketball)</label><INPUT Type="Radio" Name="Basketball" ID="CB2" Value="Radio 2" style="border-color: lightgreen;"><BR>
<LABel For="CB3">Radio 3 (Football)</label><INPUT Type="Radio" Name="Football" ID="CB3" Value="Radio 3" style="border-color: lightgreen;">
</form>

These work too:


Border width



<FORm>
<LABel For="CB1">Radio 1 Default Checked (Baseball)</label><INPUT Type="Radio" Name="Baseball" ID="CB1" Value="Radio 1" CHECKED><BR>
<LABel For="CB2">Radio 2 (Basketball)</label><INPUT Type="Radio" Name="Basketball" ID="CB2" Value="Radio 2"><BR>
<LABel For="CB3">Radio 3 (Football)</label><INPUT Type="Radio" Name="Football" ID="CB3" Value="Radio 3">
</form>

These work too:


Border style



<FORm>
<LABel For="CB1">Radio 1 Default Checked (Baseball)</label><INPUT Type="Radio" Name="Baseball" ID="CB1" Value="Radio 1" style="border-style: dotted;" CHECKED><BR>
<LABel For="CB2">Radio 2 (Basketball)</label><INPUT Type="Radio" Name="Basketball" ID="CB2" Value="Radio 2" style="border-style: dotted;"><BR>
<LABel For="CB3">Radio 3 (Football)</label><INPUT Type="Radio" Name="Football" ID="CB3" Value="Radio 3" style="border-style: dotted;">
</form>

Here are the options:

These work too:


Color Color: Text forground



<FORm>
<LABel For="CB1">Radio 1 Default Checked (Baseball)</label><INPUT Type="Radio" Name="Baseball" ID="CB1" Value="Radio 1" style="color: red;" CHECKED><BR>
<LABel For="CB2">Radio 2 (Basketball)</label><INPUT Type="Radio" Name="Basketball" ID="CB2" Value="Radio 2" style="color: red;"><BR>
<LABel For="CB3">Radio 3 (Football)</label><INPUT Type="Radio" Name="Football" ID="CB3" Value="Radio 3" style="color: red;">
</form>

Cursor Cursor



<FORm>
<LABel For="CB1">Radio 1 Default Checked (Baseball)</label><INPUT Type="Radio" Name="Baseball" ID="CB1" Value="Radio 1" style="Cursor: crosshair;" CHECKED><BR>
<LABel For="CB2">Radio 2 (Basketball)</label><INPUT Type="Radio" Name="Basketball" ID="CB2" Value="Radio 2" style="Cursor: crosshair;"><BR>
<LABel For="CB3">Radio 3 (Football)</label><INPUT Type="Radio" Name="Football" ID="CB3" Value="Radio 3" style="Cursor: crosshair;">
</form>

Here are the options:


Direction Direction



<FORm>
<LABel For="CB1">Radio 1 Default Checked (Baseball)</label><INPUT Type="Radio" Name="Baseball" ID="CB1" Value="Radio 1" style="direction: rtl;" CHECKED><BR>
<LABel For="CB2">Radio 2 (Basketball)</label><INPUT Type="Radio" Name="Basketball" ID="CB2" Value="Radio 2" style="direction: rtl;"><BR>
<LABel For="CB3">Radio 3 (Football)</label><INPUT Type="Radio" Name="Football" ID="CB3" Value="Radio 3" style="direction: rtl;">
</form>

Here are the options:


Display Display
CSS Display is being evealuated for implementation on this page.
Float Float- right



<FORm>
<LABel For="CB1">Radio 1 Default Checked (Baseball)</label><INPUT Type="Radio" Name="Baseball" ID="CB1" Value="Radio 1" style="float: right;" CHECKED><BR>
<LABel For="CB2">Radio 2 (Basketball)</label><INPUT Type="Radio" Name="Basketball" ID="CB2" Value="Radio 2" style="float: right;"><BR>
<LABel For="CB3">Radio 3 (Football)</label><INPUT Type="Radio" Name="Football" ID="CB3" Value="Radio 3" style="float: right;">
</form>

Float- left



<FORm>
<LABel For="CB1">Radio 1 Default Checked (Baseball)</label><INPUT Type="Radio" Name="Baseball" ID="CB1" Value="Radio 1" style="float: left;" CHECKED><BR>
<LABel For="CB2">Radio 2 (Basketball)</label><INPUT Type="Radio" Name="Basketball" ID="CB2" Value="Radio 2" style="float: left;"><BR>
<LABel For="CB3">Radio 3 (Football)</label><INPUT Type="Radio" Name="Football" ID="CB3" Value="Radio 3" style="float: left;">
</form>

Float- none



<FORm>
<LABel For="CB1">Radio 1 Default Checked (Baseball)</label><INPUT Type="Radio" Name="Baseball" ID="CB1" Value="Radio 1" style="float: none;" CHECKED><BR>
<LABel For="CB2">Radio 2 (Basketball)</label><INPUT Type="Radio" Name="Basketball" ID="CB2" Value="Radio 2" style="float: none;"><BR>
<LABel For="CB3">Radio 3 (Football)</label><INPUT Type="Radio" Name="Football" ID="CB3" Value="Radio 3" style="float: none;">
</form>

Font Font-bold



<FORm>
<LABel For="CB1">Radio 1 Default Checked (Baseball)</label><INPUT Type="Radio" Name="Baseball" ID="CB1" Value="Radio 1" style="font: bold;" CHECKED><BR>
<LABel For="CB2">Radio 2 (Basketball)</label><INPUT Type="Radio" Name="Basketball" ID="CB2" Value="Radio 2" style="font: bold;"><BR>
<LABel For="CB3">Radio 3 (Football)</label><INPUT Type="Radio" Name="Football" ID="CB3" Value="Radio 3" style="font: bold;">
</form>

Font-italic



<FORm>
<LABel For="CB1">Radio 1 Default Checked (Baseball)</label><INPUT Type="Radio" Name="Baseball" ID="CB1" Value="Radio 1" style="font: italic;"> CHECKED><BR>
<LABel For="CB2">Radio 2 (Basketball)</label><INPUT Type="Radio" Name="Basketball" ID="CB2" Value="Radio 2" style="font: italic;">><BR>
<LABel For="CB3">Radio 3 (Football)</label><INPUT Type="Radio" Name="Football" ID="CB3" Value="Radio 3" style="font: italic;">>
</form>

Font-oblique



<FORm>
<LABel For="CB1">Radio 1 Default Checked (Baseball)</label><INPUT Type="Radio" Name="Baseball" ID="CB1" Value="Radio 1" style="font: oblique;" CHECKED><BR>
<LABel For="CB2">Radio 2 (Basketball)</label><INPUT Type="Radio" Name="Basketball" ID="CB2" Value="Radio 2" style="font: oblique;">><BR>
<LABel For="CB3">Radio 3 (Football)</label><INPUT Type="Radio" Name="Football" ID="CB3" Value="Radio 3" style="font: oblique;">>
</form>

Font-small-caps



<FORm>
<LABel For="CB1">Radio 1 Default Checked (Baseball)</label><INPUT Type="Radio" Name="Baseball" ID="CB1" Value="Radio 1" style="font: small-caps;" CHECKED><BR>
<LABel For="CB2">Radio 2 (Basketball)</label><INPUT Type="Radio" Name="Basketball" ID="CB2" Value="Radio 2" style="font: small-caps;">><BR>
<LABel For="CB3">Radio 3 (Football)</label><INPUT Type="Radio" Name="Football" ID="CB3" Value="Radio 3" style="font: small-caps;">>
</form>

Font-caption



<FORm>
<LABel For="CB1">Radio 1 Default Checked (Baseball)</label><INPUT Type="Radio" Name="Baseball" ID="CB1" Value="Radio 1" style="font: caption;" CHECKED><BR>
<LABel For="CB2">Radio 2 (Basketball)</label><INPUT Type="Radio" Name="Basketball" ID="CB2" Value="Radio 2" style="font: caption;">><BR>
<LABel For="CB3">Radio 3 (Football)</label><INPUT Type="Radio" Name="Football" ID="CB3" Value="Radio 3" style="font: caption;">>
</form>

Font-icon



<FORm>
<LABel For="CB1">Radio 1 Default Checked (Baseball)</label><INPUT Type="Radio" Name="Baseball" ID="CB1" Value="Radio 1" style="font: icon;" CHECKED><BR>
<LABel For="CB2">Radio 2 (Basketball)</label><INPUT Type="Radio" Name="Basketball" ID="CB2" Value="Radio 2" style="font: icon;">><BR>
<LABel For="CB3">Radio 3 (Football)</label><INPUT Type="Radio" Name="Football" ID="CB3" Value="Radio 3" style="font: icon;">>
</form>

Font-menu



<FORm>
<LABel For="CB1">Radio 1 Default Checked (Baseball)</label><INPUT Type="Radio" Name="Baseball" ID="CB1" Value="Radio 1" style="font: menu;" CHECKED><BR>
<LABel For="CB2">Radio 2 (Basketball)</label><INPUT Type="Radio" Name="Basketball" ID="CB2" Value="Radio 2" style="font: menu;">><BR>
<LABel For="CB3">Radio 3 (Football)</label><INPUT Type="Radio" Name="Football" ID="CB3" Value="Radio 3" style="font: menu;">>
</form>

Font-message-box



<FORm>
<LABel For="CB1">Radio 1 Default Checked (Baseball)</label><INPUT Type="Radio" Name="Baseball" ID="CB1" Value="Radio 1" style="font: message-box;" CHECKED><BR>
<LABel For="CB2">Radio 2 (Basketball)</label><INPUT Type="Radio" Name="Basketball" ID="CB2" Value="Radio 2" style="font: message-box;">><BR>
<LABel For="CB3">Radio 3 (Football)</label><INPUT Type="Radio" Name="Football" ID="CB3" Value="Radio 3" style="font: message-box;">>
</form>

Font-small-caption



<FORm>
<LABel For="CB1">Radio 1 Default Checked (Baseball)</label><INPUT Type="Radio" Name="Baseball" ID="CB1" Value="Radio 1" style="font: small-caption;" CHECKED><BR>
<LABel For="CB2">Radio 2 (Basketball)</label><INPUT Type="Radio" Name="Basketball" ID="CB2" Value="Radio 2" style="font: small-caption;">><BR>
<LABel For="CB3">Radio 3 (Football)</label><INPUT Type="Radio" Name="Football" ID="CB3" Value="Radio 3" style="font: small-caption;">>
</form>

Font-status-bar



<FORm>
<LABel For="CB1">Radio 1 Default Checked (Baseball)</label><INPUT Type="Radio" Name="Baseball" ID="CB1" Value="Radio 1" style="font: status-bar;" CHECKED><BR>
<LABel For="CB2">Radio 2 (Basketball)</label><INPUT Type="Radio" Name="Basketball" ID="CB2" Value="Radio 2" style="font: status-bar;">><BR>
<LABel For="CB3">Radio 3 (Football)</label><INPUT Type="Radio" Name="Football" ID="CB3" Value="Radio 3" style="font: status-bar;">>
</form>

Font-(size 9pt)



<FORm>
<LABel For="CB1">Radio 1 Default Checked (Baseball)</label><INPUT Type="Radio" Name="Baseball" ID="CB1" Value="Radio 1" style="font: 9pt;" CHECKED><BR>
<LABel For="CB2">Radio 2 (Basketball)</label><INPUT Type="Radio" Name="Basketball" ID="CB2" Value="Radio 2" style="font: 9pt;">><BR>
<LABel For="CB3">Radio 3 (Football)</label><INPUT Type="Radio" Name="Football" ID="CB3" Value="Radio 3" style="font: 9pt;">>
</form>

Font-(size 14pt)



<FORm>
<LABel For="CB1">Radio 1 Default Checked (Baseball)</label><INPUT Type="Radio" Name="Baseball" ID="CB1" Value="Radio 1" style="font: 14pt;" CHECKED><BR>
<LABel For="CB2">Radio 2 (Basketball)</label><INPUT Type="Radio" Name="Basketball" ID="CB2" Value="Radio 2" style="font: 14pt;">><BR>
<LABel For="CB3">Radio 3 (Football)</label><INPUT Type="Radio" Name="Football" ID="CB3" Value="Radio 3" style="font: 14pt;">>
</form>

Here are the options: Number limits are different for every Browser.


Font-(size/hight 10pt/20pt)



<FORm>
<LABel For="CB1">Radio 1 Default Checked (Baseball)</label><INPUT Type="Radio" Name="Baseball" ID="CB1" Value="Radio 1" style="font: 10pt/20pt;" CHECKED><BR>
<LABel For="CB2">Radio 2 (Basketball)</label><INPUT Type="Radio" Name="Basketball" ID="CB2" Value="Radio 2" style="font: 10pt/20pt;">><BR>
<LABel For="CB3">Radio 3 (Football)</label><INPUT Type="Radio" Name="Football" ID="CB3" Value="Radio 3" style="font: 10pt/20pt;">>
</form>

Font-(size/hight 14pt/28pt)



<FORm>
<LABel For="CB1">Radio 1 Default Checked (Baseball)</label><INPUT Type="Radio" Name="Baseball" ID="CB1" Value="Radio 1" style="font: 14pt/28pt;" CHECKED><BR>
<LABel For="CB2">Radio 2 (Basketball)</label><INPUT Type="Radio" Name="Basketball" ID="CB2" Value="Radio 2" style="font: 14pt/28pt;">><BR>
<LABel For="CB3">Radio 3 (Football)</label><INPUT Type="Radio" Name="Football" ID="CB3" Value="Radio 3" style="font: 14pt/28pt;">>
</form>

Here are the options: Number limits are different for every Browser.


Font-(famliy Arial)



<FORm>
<LABel For="CB1">Radio 1 Default Checked (Baseball)</label><INPUT Type="Radio" Name="Baseball" ID="CB1" Value="Radio 1" style="font: Arial;" CHECKED><BR>
<LABel For="CB2">Radio 2 (Basketball)</label><INPUT Type="Radio" Name="Basketball" ID="CB2" Value="Radio 2" style="font: Arial;">><BR>
<LABel For="CB3">Radio 3 (Football)</label><INPUT Type="Radio" Name="Football" ID="CB3" Value="Radio 3" style="font: Arial;">>
</form>

Font-(famliy Helvetica)



<FORm>
<LABel For="CB1">Radio 1 Default Checked (Baseball)</label><INPUT Type="Radio" Name="Baseball" ID="CB1" Value="Radio 1" style="font: Helvetica;" CHECKED><BR>
<LABel For="CB2">Radio 2 (Basketball)</label><INPUT Type="Radio" Name="Basketball" ID="CB2" Value="Radio 2" style="font: Helvetica;">><BR>
<LABel For="CB3">Radio 3 (Football)</label><INPUT Type="Radio" Name="Football" ID="CB3" Value="Radio 3" style="font: Helvetica;">>
</form>

Font-(famliy Times)



<FORm>
<LABel For="CB1">Radio 1 Default Checked (Baseball)</label><INPUT Type="Radio" Name="Baseball" ID="CB1" Value="Radio 1" style="font: Times;" CHECKED><BR>
<LABel For="CB2">Radio 2 (Basketball)</label><INPUT Type="Radio" Name="Basketball" ID="CB2" Value="Radio 2" style="font: Times;">><BR>
<LABel For="CB3">Radio 3 (Football)</label><INPUT Type="Radio" Name="Football" ID="CB3" Value="Radio 3" style="font: Times;">>
</form>

Font-Family Font-Family Times



<FORm>
<LABel For="CB1">Radio 1 Default Checked (Baseball)</label><INPUT Type="Radio" Name="Baseball" ID="CB1" Value="Radio 1" style="font-family: Times;" CHECKED><BR>
<LABel For="CB2">Radio 2 (Basketball)</label><INPUT Type="Radio" Name="Basketball" ID="CB2" Value="Radio 2" style="font-family: Times;">><BR>
<LABel For="CB3">Radio 3 (Football)</label><INPUT Type="Radio" Name="Football" ID="CB3" Value="Radio 3" style="font-family: Times;">>
</form>

Here are some options:


Font-Family Font-Size



<FORm>
<LABel For="CB1">Radio 1 Default Checked (Baseball)</label><INPUT Type="Radio" Name="Baseball" ID="CB1" Value="Radio 1" style="font-size: large;" CHECKED><BR>
<LABel For="CB2">Radio 2 (Basketball)</label><INPUT Type="Radio" Name="Basketball" ID="CB2" Value="Radio 2" style="font-size: large;"><BR>
<LABel For="CB3">Radio 3 (Football)</label><INPUT Type="Radio" Name="Football" ID="CB3" Value="Radio 3" style="font-size: large;">
</form>

Here are the options:


Font-Stretch Font-Stretch



<FORm>
<LABel For="CB1">Radio 1 Default Checked (Baseball)</label><INPUT Type="Radio" Name="Baseball" ID="CB1" Value="Radio 1" style="font-stretch: ultra-condensed;" CHECKED><BR>
<LABel For="CB2">Radio 2 (Basketball)</label><INPUT Type="Radio" Name="Basketball" ID="CB2" Value="Radio 2" style="font-stretch: ultra-condensed;"><BR>
<LABel For="CB3">Radio 3 (Football)</label><INPUT Type="Radio" Name="Football" ID="CB3" Value="Radio 3" style="font-stretch: ultra-condensed;">
</form>

Here are the options:


Font-Style Font-Style



<FORm>
<LABel For="CB1">Radio 1 Default Checked (Baseball)</label><INPUT Type="Radio" Name="Baseball" ID="CB1" Value="Radio 1" style="font-style: normal;" CHECKED><BR>
<LABel For="CB2">Radio 2 (Basketball)</label><INPUT Type="Radio" Name="Basketball" ID="CB2" Value="Radio 2" style="font-style: normal;"><BR>
<LABel For="CB3">Radio 3 (Football)</label><INPUT Type="Radio" Name="Football" ID="CB3" Value="Radio 3" style="font-style: normal;">
</form>

Here are the options:


Font-Variant Font-Variant



<FORm>
<LABel For="CB1">Radio 1 Default Checked (Baseball)</label><INPUT Type="Radio" Name="Baseball" ID="CB1" Value="Radio 1" style="font-variant: small-caps;" CHECKED><BR>
<LABel For="CB2">Radio 2 (Basketball)</label><INPUT Type="Radio" Name="Basketball" ID="CB2" Value="Radio 2" style="font-variant: small-caps;"><BR>
<LABel For="CB3">Radio 3 (Football)</label><INPUT Type="Radio" Name="Football" ID="CB3" Value="Radio 3" style="font-variant: small-caps;">
</form>

Here are the options:


Font-Weight Font-Weight



<FORm>
<LABel For="CB1">Radio 1 Default Checked (Baseball)</label><INPUT Type="Radio" Name="Baseball" ID="CB1" Value="Radio 1" style="font-weight: 700;" CHECKED><BR>
<LABel For="CB2">Radio 2 (Basketball)</label><INPUT Type="Radio" Name="Basketball" ID="CB2" Value="Radio 2" style="font-weight: 700;"><BR>
<LABel For="CB3">Radio 3 (Football)</label><INPUT Type="Radio" Name="Football" ID="CB3" Value="Radio 3" style="font-weight: 700;">
</form>

Here are the options:


Font-Height Font-Height



<FORm>
<LABel For="CB1">Radio 1 Default Checked (Baseball)</label><INPUT Type="Radio" Name="Baseball" ID="CB1" Value="Radio 1" style="font-height: 24px;" CHECKED><BR>
<LABel For="CB2">Radio 2 (Basketball)</label><INPUT Type="Radio" Name="Basketball" ID="CB2" Value="Radio 2" style="font-height: 24px;"><BR>
<LABel For="CB3">Radio 3 (Football)</label><INPUT Type="Radio" Name="Football" ID="CB3" Value="Radio 3" style="font-height: 24px;">
</form>

Here are the options:


Letter Spacing Letter-Spacing (Kerning)



<FORm>
<LABel For="CB1">Radio 1 Default Checked (Baseball)</label><INPUT Type="Radio" Name="Baseball" ID="CB1" Value="Radio 1" style="letter-spacing: 10px;" CHECKED><BR>
<LABel For="CB2">Radio 2 (Basketball)</label><INPUT Type="Radio" Name="Basketball" ID="CB2" Value="Radio 2" style="letter-spacing: 10px;"><BR>
<LABel For="CB3">Radio 3 (Football)</label><INPUT Type="Radio" Name="Football" ID="CB3" Value="Radio 3" style="letter-spacing: 10px;">
</form>

Here are the options:


Line Height Line-Height (leading)



<FORm>
<LABel For="CB1">Radio 1 Default Checked (Baseball)</label><INPUT Type="Radio" Name="Baseball" ID="CB1" Value="Radio 1" style="line-height: 20px;" CHECKED><BR>
<LABel For="CB2">Radio 2 (Basketball)</label><INPUT Type="Radio" Name="Basketball" ID="CB2" Value="Radio 2" style="line-height: 20px;"><BR>
<LABel For="CB3">Radio 3 (Football)</label><INPUT Type="Radio" Name="Football" ID="CB3" Value="Radio 3" style="line-height: 20px;">
</form>

Here are the options:


Margin Margin



<FORm>
<LABel For="CB1">Radio 1 Default Checked (Baseball)</label><INPUT Type="Radio" Name="Baseball" ID="CB1" Value="Radio 1" style="margin-top: 20px;" CHECKED><BR>
<LABel For="CB2">Radio 2 (Basketball)</label><INPUT Type="Radio" Name="Basketball" ID="CB2" Value="Radio 2" style="margin-top: 20px;"><BR>
<LABel For="CB3">Radio 3 (Football)</label><INPUT Type="Radio" Name="Football" ID="CB3" Value="Radio 3" style="margin-top: 20px;">
</form>

Here are the options:


Padding padding



<FORm>
<LABel For="CB1">Radio 1 Default Checked (Baseball)</label><INPUT Type="Radio" Name="Baseball" ID="CB1" Value="Radio 1" style="padding: 12px;" CHECKED><BR>
<LABel For="CB2">Radio 2 (Basketball)</label><INPUT Type="Radio" Name="Basketball" ID="CB2" Value="Radio 2" style="padding: 12px;"><BR>
<LABel For="CB3">Radio 3 (Football)</label><INPUT Type="Radio" Name="Football" ID="CB3" Value="Radio 3" style="padding: 12px;">
</form>

Here are the options:


Position position



<FORm>
<LABel For="CB1">Radio 1 Default Checked (Baseball)</label><INPUT Type="Radio" Name="Baseball" ID="CB1" Value="Radio 1" style="position: relative; top:-50; left:5" CHECKED><BR>
<LABel For="CB2">Radio 2 (Basketball)</label><INPUT Type="Radio" Name="Basketball" ID="CB2" Value="Radio 2" style="position: relative; top:-50; left:5"><BR>
<LABel For="CB3">Radio 3 (Football)</label><INPUT Type="Radio" Name="Football" ID="CB3" Value="Radio 3" style="position: relative; top:-50; left:5">
</form>

Here are the options:


Text Align text align



<FORm>
<LABel For="CB1">Radio 1 Default Checked (Baseball)</label><INPUT Type="Radio" Name="Baseball" ID="CB1" Value="Radio 1" style="text-align: right" CHECKED><BR>
<LABel For="CB2">Radio 2 (Basketball)</label><INPUT Type="Radio" Name="Basketball" ID="CB2" Value="Radio 2" style="text-align: right"><BR>
<LABel For="CB3">Radio 3 (Football)</label><INPUT Type="Radio" Name="Football" ID="CB3" Value="Radio 3" style="text-align: right">
</form>




<FORm>
<LABel For="CB1">Radio 1 Default Checked (Baseball)</label><INPUT Type="Radio" Name="Baseball" ID="CB1" Value="Radio 1" style="text-align: center" CHECKED><BR>
<LABel For="CB2">Radio 2 (Basketball)</label><INPUT Type="Radio" Name="Basketball" ID="CB2" Value="Radio 2" style="text-align: center"><BR>
<LABel For="CB3">Radio 3 (Football)</label><INPUT Type="Radio" Name="Football" ID="CB3" Value="Radio 3" style="text-align: center">
</form>




<FORm>
<LABel For="CB1">Radio 1 Default Checked (Baseball)</label><INPUT Type="Radio" Name="Baseball" ID="CB1" Value="Radio 1" style="text-align: justify" CHECKED><BR>
<LABel For="CB2">Radio 2 (Basketball)</label><INPUT Type="Radio" Name="Basketball" ID="CB2" Value="Radio 2" style="text-align: justify"><BR>
<LABel For="CB3">Radio 3 (Football)</label><INPUT Type="Radio" Name="Football" ID="CB3" Value="Radio 3" style="text-align: justify">
</form>

Here are the options:


Text Decoration text decoration



<FORm>
<LABel For="CB1">Radio 1 Default Checked (Baseball)</label><INPUT Type="Radio" Name="Baseball" ID="CB1" Value="Radio 1" style="text-decoration: line-through" CHECKED><BR>
<LABel For="CB2">Radio 2 (Basketball)</label><INPUT Type="Radio" Name="Basketball" ID="CB2" Value="Radio 2" style="text-decoration: line-through"><BR>
<LABel For="CB3">Radio 3 (Football)</label><INPUT Type="Radio" Name="Football" ID="CB3" Value="Radio 3" style="text-decoration: line-through">
</form>




<FORm>
<LABel For="CB1">Radio 1 Default Checked (Baseball)</label><INPUT Type="Radio" Name="Baseball" ID="CB1" Value="Radio 1" style="text-decoration: underline" CHECKED><BR>
<LABel For="CB2">Radio 2 (Basketball)</label><INPUT Type="Radio" Name="Basketball" ID="CB2" Value="Radio 2" style="text-decoration: underline"><BR>
<LABel For="CB3">Radio 3 (Football)</label><INPUT Type="Radio" Name="Football" ID="CB3" Value="Radio 3" style="text-decoration: underline">
</form>




<FORm>
<LABel For="CB1">Radio 1 Default Checked (Baseball)</label><INPUT Type="Radio" Name="Baseball" ID="CB1" Value="Radio 1" style="text-decoration: blink" CHECKED><BR>
<LABel For="CB2">Radio 2 (Basketball)</label><INPUT Type="Radio" Name="Basketball" ID="CB2" Value="Radio 2" style="text-decoration: blink"><BR>
<LABel For="CB3">Radio 3 (Football)</label><INPUT Type="Radio" Name="Football" ID="CB3" Value="Radio 3" style="text-decoration: blink">
</form>

Here are the options:


Text Indent text indent



<FORm>
<LABel For="CB1">Radio 1 Default Checked (Baseball)</label><INPUT Type="Radio" Name="Baseball" ID="CB1" Value="Radio 1" style="text-indent: 100px;" CHECKED><BR>
<LABel For="CB2">Radio 2 (Basketball)</label><INPUT Type="Radio" Name="Basketball" ID="CB2" Value="Radio 2" style="text-indent: 100px;"><BR>
<LABel For="CB3">Radio 3 (Football)</label><INPUT Type="Radio" Name="Football" ID="CB3" Value="Radio 3" style="text-indent: 100px;">
</form>

Here are the options:


Text Justify text justify



<FORm>
<LABel For="CB1">Radio 1 Default Checked (Baseball)</label><INPUT Type="Radio" Name="Baseball" ID="CB1" Value="Radio 1" style="text-justify: newspaper;" CHECKED><BR>
<LABel For="CB2">Radio 2 (Basketball)</label><INPUT Type="Radio" Name="Basketball" ID="CB2" Value="Radio 2" style="text-justify: newspaper;"><BR>
<LABel For="CB3">Radio 3 (Football)</label><INPUT Type="Radio" Name="Football" ID="CB3" Value="Radio 3" style="text-justify: newspaper;">
</form>

Here are the options:


Text Shadow text shadow



<FORm>
<LABel For="CB1">Radio 1 Default Checked (Baseball)</label><INPUT Type="Radio" Name="Baseball" ID="CB1" Value="Radio 1" style="text-shadow: blue;" CHECKED><BR>
<LABel For="CB2">Radio 2 (Basketball)</label><INPUT Type="Radio" Name="Basketball" ID="CB2" Value="Radio 2" style="text-shadow: blue;"><BR>
<LABel For="CB3">Radio 3 (Football)</label><INPUT Type="Radio" Name="Football" ID="CB3" Value="Radio 3" style="text-shadow: blue;">
</form>

Here are the options:


Text Transform text transform



<FORm>
<LABel For="CB1">Radio 1 Default Checked (Baseball)</label><INPUT Type="Radio" Name="Baseball" ID="CB1" Value="Radio 1" style="text-transform: uppercase;" CHECKED><BR>
<LABel For="CB2">Radio 2 (Basketball)</label><INPUT Type="Radio" Name="Basketball" ID="CB2" Value="Radio 2" style="text-transform: uppercase;"><BR>
<LABel For="CB3">Radio 3 (Football)</label><INPUT Type="Radio" Name="Football" ID="CB3" Value="Radio 3" style="text-transform: uppercase;">
</form>

Here are the options:


Text Underline Position text underline position



<FORm>
<LABel For="CB1">Radio 1 Default Checked (Baseball)</label><INPUT Type="Radio" Name="Baseball" ID="CB1" Value="Radio 1" style="text-underline-position: above;" CHECKED><BR>
<LABel For="CB2">Radio 2 (Basketball)</label><INPUT Type="Radio" Name="Basketball" ID="CB2" Value="Radio 2" style="text-underline-position: above;"><BR>
<LABel For="CB3">Radio 3 (Football)</label><INPUT Type="Radio" Name="Football" ID="CB3" Value="Radio 3" style="text-underline-position: above;">
</form>

Here are the options:


Vertical Align vertical align



<FORm>
<LABel For="CB1">Radio 1 Default Checked (Baseball)</label><INPUT Type="Radio" Name="Baseball" ID="CB1" Value="Radio 1" style="vertical-align: top;" CHECKED><BR>
<LABel For="CB2">Radio 2 (Basketball)</label><INPUT Type="Radio" Name="Basketball" ID="CB2" Value="Radio 2" style="vertical-align: top;"><BR>
<LABel For="CB3">Radio 3 (Football)</label><INPUT Type="Radio" Name="Football" ID="CB3" Value="Radio 3" style="vertical-align: top;">
</form>




<FORm>
<LABel For="CB1">Radio 1 Default Checked (Baseball)</label><INPUT Type="Radio" Name="Baseball" ID="CB1" Value="Radio 1" style="vertical-align: middle;" CHECKED><BR>
<LABel For="CB2">Radio 2 (Basketball)</label><INPUT Type="Radio" Name="Basketball" ID="CB2" Value="Radio 2" style="vertical-align: middle;"><BR>
<LABel For="CB3">Radio 3 (Football)</label><INPUT Type="Radio" Name="Football" ID="CB3" Value="Radio 3" style="vertical-align: middle;">
</form>




<FORm>
<LABel For="CB1">Radio 1 Default Checked (Baseball)</label><INPUT Type="Radio" Name="Baseball" ID="CB1" Value="Radio 1" style="vertical-align: bottom;" CHECKED><BR>
<LABel For="CB2">Radio 2 (Basketball)</label><INPUT Type="Radio" Name="Basketball" ID="CB2" Value="Radio 2" style="vertical-align: bottom;"><BR>
<LABel For="CB3">Radio 3 (Football)</label><INPUT Type="Radio" Name="Football" ID="CB3" Value="Radio 3" style="vertical-align: bottom;">
</form>

Here are the options:


Visibility visibility



<FORm>
<LABel For="CB1">Radio 1 Default Checked (Baseball)</label><INPUT Type="Radio" Name="Baseball" ID="CB1" Value="Radio 1" style="visibility: hidden;" CHECKED><BR>
<LABel For="CB2">Radio 2 (Basketball)</label><INPUT Type="Radio" Name="Basketball" ID="CB2" Value="Radio 2" style="visibility: hidden;"><BR>
<LABel For="CB3">Radio 3 (Football)</label><INPUT Type="Radio" Name="Football" ID="CB3" Value="Radio 3" style="visibility: hidden;">
</form>

Here are the options:


White Space white space



<FORm>
<LABel For="CB1">Radio 1 Default Checked (Baseball)</label><INPUT Type="Radio" Name="Baseball" ID="CB1" Value="Radio 1" style="white-space: nowrap;" CHECKED><BR>
<LABel For="CB2">Radio 2 (Basketball)</label><INPUT Type="Radio" Name="Basketball" ID="CB2" Value="Radio 2" style="white-space: nowrap;"><BR>
<LABel For="CB3">Radio 3 (Football)</label><INPUT Type="Radio" Name="Football" ID="CB3" Value="Radio 3" style="white-space: nowrap;">
</form>

Here are the options:


Word Spacing word spacing



<FORm>
<LABel For="CB1">Radio 1 Default Checked (Baseball)</label><INPUT Type="Radio" Name="Baseball" ID="CB1" Value="Radio 1" style="word-spacing: -5px;" CHECKED><BR>
<LABel For="CB2">Radio 2 (Basketball)</label><INPUT Type="Radio" Name="Basketball" ID="CB2" Value="Radio 2" style="word-spacing: -5px;"><BR>
<LABel For="CB3">Radio 3 (Football)</label><INPUT Type="Radio" Name="Football" ID="CB3" Value="Radio 3" style="word-spacing: -5px;">
</form>

Here are the options:


Word Wrap word wrap



<FORm>
<LABel For="CB1">Radio 1 Default Checked (Baseball)</label><INPUT Type="Radio" Name="Baseball" ID="CB1" Value="Radio 1" style="word-wrap: break-word;" CHECKED><BR>
<LABel For="CB2">Radio 2 (Basketball)</label><INPUT Type="Radio" Name="Basketball" ID="CB2" Value="Radio 2" style="word-wrap: break-word;"><BR>
<LABel For="CB3">Radio 3 (Football)</label><INPUT Type="Radio" Name="Football" ID="CB3" Value="Radio 3" style="word-wrap: break-word;">
</form>




<FORm>
<LABel For="CB1">Radio 1 Default Checked (Baseball)</label><INPUT Type="Radio" Name="Baseball" ID="CB1" Value="Radio 1" style="word-wrap: normal;" CHECKED><BR>
<LABel For="CB2">Radio 2 (Basketball)</label><INPUT Type="Radio" Name="Basketball" ID="CB2" Value="Radio 2" style="word-wrap: normal;"><BR>
<LABel For="CB3">Radio 3 (Football)</label><INPUT Type="Radio" Name="Football" ID="CB3" Value="Radio 3" style="word-wrap: normal;">
</form>

Here are the options:


Zoom zoom



<FORm>
<LABel For="CB1">Radio 1 Default Checked (Baseball)</label><INPUT Type="Radio" Name="Baseball" ID="CB1" Value="Radio 1" style="zoom: 50%;" CHECKED><BR>
<LABel For="CB2">Radio 2 (Basketball)</label><INPUT Type="Radio" Name="Basketball" ID="CB2" Value="Radio 2" style="zoom: 50%;"><BR>
<LABel For="CB3">Radio 3 (Football)</label><INPUT Type="Radio" Name="Football" ID="CB3" Value="Radio 3" style="zoom: 50%;">
</form>

Here are the options: