Tab order in radio buttons is not working

html jsf-2 radio-button tabindex
MyFist picture MyFist · Feb 6, 2013 · Viewed 9k times · Source

Can any one tell me how to specify tab order in JSF2.0 Moajarra? I'm having a text box (h:inputText) and a radio button (h:selectOneRadio) (shows Yes and No) and a drop down (h:selectOneMenu) in my page. Once I press tab from text box, it is going to Yes radio option and then once again if I press tab from Yes radio option it is going to drop down which I'm expecting it to be at No radio option. Can any one suggest?

Answer

BalusC picture BalusC · Feb 6, 2013

That's expected behavior when radio buttons belong to the same group (read: when they have the same name and you can select only one of them). You're in such case supposed to use the arrow keys to switch between radio buttons in the same group.

Note that this all has nothing to do with JSF. This is specific to HTML and you would have exactly the same problem when having a "plain vanilla" HTML page with the same HTML representation as generated by JSF (and even when usign a different server side language which also generates HTML, such as PHP/ASP/etc). Note that every website works that way and thus endusers should already be used to that behavior.

See also:

Related questions

How to conditionally render plain HTML elements like <div>s?

I'm trying to implement a composite component which either displays the information details of a user in plain text or displays them through editable input texts fields if the desired details are those of the user currently connected. I know …

Read More
Is it possible to use JSF+Facelets with HTML 4/5?

Facelets relies on XML namespaces to work with XHTML. How are HTML 4, and as far as I know, HTML 5 do not support namespaces. Also HTML 5 has some new elements that are not available in XHTML. Even HTML 4 and XHTML have …

Read More
InputText PrimeFaces not applying maxlength

I'm using PrimeFaces 3.4 with PrimeFaces Mobile 0.9.3. I specified maxlength in the inputText attribute, but it is not being rendered across in the HTML. My code: <p:inputText id="price" value="#{bean.price}" styleClass="r-align" type="number" maxlength="9" validator="priceValidator"/&…

Read More