[ start | index | login ]
start > Development > Javascript > Tab Order For Radio Buttons

Tab Order For Radio Buttons

Created by mpecher. Last edited by mpecher, 5 years and 289 days ago. Viewed 2,180 times. #1
[edit] [rdf]
labels
attachments
The tab order of radio buttons only goes to the tab group (not each individual radio button within the group). There is a hack using a label and tab order, but this doesn't work probably in IE. (see below)
<html>
<body>

<form> <p>These radio buttons have a label, so tabindex goes to the label for the radio button, which in turn gives the radio button focus<BR> Group1 First: <input type="radio" checked="checked" name="Group1" value="11" tabIndex="1"> <br> Group1 Second: <LABEL for="fname" tabIndex="2"></LABEL> <input type="radio" name="Group1" value="12" id="fname" tabIndex="3" > </P> <p>These don't have a label, so tab only to the RadioGroup</p> Group2 First: <input type="radio" name="Group2" value="21" checked> <br> Group2 Second: <input type="radio" name="Group2" value="22" > <p> Standalone RadioGroups</P> Group3 First: <input type="radio" name="Group3" value="3" > <br> Group4 First: <input type="radio" name="Group4" value="3" > <br> </form>

no comments | post comment

Menu:
Java & J2EE
Development
Books

Help:
Help FAQ
Formatting


< May 2012 >
SunMonTueWedThuFriSat
12345
6789101112
13141516171819
20212223242526
2728293031


Logged in Users: (0)
… and a Guest.



Disclaimer: Views and opinions are that of the individual author, and not that of Marand Custom Solutions. This site is an open forum for technical content, and the company accepts no liability for any content or view expressed.