<rdf:RDF
    xmlns:s='http://snipsnap.org/rdf/snip-schema#'
    xmlns:rdf='http://www.w3.org/1999/02/22-rdf-syntax-ns#'
    xml:base='http://wiki.marandcustomsolutions.com/rdf'>
    <s:Snip rdf:about='http://wiki.marandcustomsolutions.com/rdf#Development/Javascript/Tab+Order+For+Radio+Buttons'
         s:cUser='mpecher'
         s:oUser=''
         s:mUser='mpecher'>
        <s:name>Development/Javascript/Tab Order For Radio Buttons</s:name>
        <s:content>The tab order of radio buttons only goes to the tab group (not each individual radio button within the group).&#xD;&#xA;There is a hack using a label and tab order, but this doesn&apos;t work probably in IE. ~~(see below)~~&#xD;&#xA;{code}&#xD;&#xA;&lt;html&gt;&#xD;&#xA;&lt;body&gt;&#xD;&#xA;&#xD;&#xA;&lt;form&gt;&#xD;&#xA;&lt;p&gt;These radio buttons have a label, so tabindex goes to the label for&#xD;&#xA;the radio button, which in turn gives the radio button focus&lt;BR&gt;&#xD;&#xA;Group1 First: &#xD;&#xA;&lt;input type=&quot;radio&quot; checked=&quot;checked&quot; name=&quot;Group1&quot; value=&quot;11&quot; tabIndex=&quot;1&quot;&gt;&#xD;&#xA;&lt;br&gt;&#xD;&#xA;Group1 Second: &#xD;&#xA;&lt;LABEL for=&quot;fname&quot; tabIndex=&quot;2&quot;&gt;&lt;/LABEL&gt; &#xD;&#xA;&lt;input type=&quot;radio&quot; name=&quot;Group1&quot; value=&quot;12&quot; id=&quot;fname&quot; tabIndex=&quot;3&quot; &gt;&#xD;&#xA;&lt;/P&gt;&#xD;&#xA;&lt;p&gt;These don&apos;t have a label, so tab only to the RadioGroup&lt;/p&gt;&#xD;&#xA;Group2 First: &#xD;&#xA;&lt;input type=&quot;radio&quot; name=&quot;Group2&quot; value=&quot;21&quot; checked&gt;&#xD;&#xA;&lt;br&gt;&#xD;&#xA;Group2 Second:&#xD;&#xA;&lt;input type=&quot;radio&quot; name=&quot;Group2&quot; value=&quot;22&quot; &gt;&#xD;&#xA;&lt;p&gt;&#xD;&#xA;Standalone RadioGroups&lt;/P&gt;&#xD;&#xA;Group3 First: &#xD;&#xA;&lt;input type=&quot;radio&quot; name=&quot;Group3&quot; value=&quot;3&quot; &gt;&#xD;&#xA;&lt;br&gt;&#xD;&#xA;Group4 First:&#xD;&#xA;&lt;input type=&quot;radio&quot; name=&quot;Group4&quot; value=&quot;3&quot; &gt;&#xD;&#xA;&lt;br&gt;&#xD;&#xA;&lt;/form&gt;&#xD;&#xA;{code}</s:content>
        <s:mTime>2006-08-16 11:37:55.0</s:mTime>
        <s:cTime>2006-08-16 11:37:55.0</s:cTime>
        <s:comments
             rdf:type='http://www.w3.org/1999/02/22-rdf-syntax-ns#Bag'/>
        <s:snipLinks>
            <rdf:Bag>
                <rdf:li rdf:resource='#snipsnap-index'/>
                <rdf:li>
                    <s:Snip rdf:about='http://wiki.marandcustomsolutions.com/rdf#Development/Javascript/Tab+Order+For+Radio+Buttons'>
                        <s:attachments
                             rdf:type='http://www.w3.org/1999/02/22-rdf-syntax-ns#Bag'/>
                    </s:Snip>
                </rdf:li>
                <rdf:li rdf:resource='#snipsnap-search'/>
                <rdf:li rdf:resource='http://wiki.marandcustomsolutions.com/rdf#Development/Javascript/Tab+Order+For+Radio+Buttons/'/>
                <rdf:li rdf:resource='http://wiki.marandcustomsolutions.com/rdf#Development/Javascript'/>
            </rdf:Bag>
        </s:snipLinks>
    </s:Snip>
</rdf:RDF>