Use Radio Buttons or Dropdown lists

Question

Well, I curious as to the nature of Radio groups and dropdown lists in HTML. I have found that radio buttons are difficult to style but I would like to style my elements for required fields. I asked a previous question regarding styling radio buttons and giving a border color like you can do with text boxes, example:

<input type="text" style="border-color:#FF0000">
<input type="radio" style="border-color:#FF0000">

applying style to a radio button to change the border color does not work.

My Question is there any reason why I shouldnt use a drop down list insead of a radio group?

Answer 1

Drop down lists require more work (on the part of the user) to find out what options are available … and are as twiddly to style as radio buttons anyway.

You might try setting the border colour on the fieldset containing the radio group instead. Remember to also use some other method for indicating required fields though.

Answer 2

A radio group will take more room on your form than a drop down list, and of course the controls look different in appearance. My rule of thumb is if there are more than three or four choices, use a drop down list.

Answer 3

Majority of the users (includes mostly people with no computer background and elderly people) are really very familiar with radio buttons to answer questions of the type yes/no , male/female etc. For the convenience of the users use a radio button for such questions.

Answer 4

With Drop down lists the available options are not visible to the user until they interact (click it). With radio buttons all of the available options are in front of the user. While both allow you to limit the selection choices to just one option, I find that users can decide which option they want quicker with radio buttons. If it is more than 5 options though, I would reconsider.