I have a web form I'm building and there is a simple yes/no question in it.
I got to wondering what the best semantic  mark up for this is? Does anyone
have any good UI/UX suggestions?

My three ideas were...

Two radio buttons for "yes" and "no"...
<p>Do you...?</p>
<label for="ans-yes">Yes</label><input type="radio" name="ans" id="ans-yes">
<label for="ans-no">No</label><input type="radio" name="ans" id="ans-no">

A single check box. A tick implies a "yes" answer while no tick implies
<p>Do you...?</p>
<input type="checkbox" name="ans" id="ans">

Or a selection list with a "yes" and a "no" answer...
<p>Do you...?</p>
<select name="ans" id="ans">
   <option value="yes">Yes</option>
   <option value="no">No</option>

Which is the preferred way? Or can you suggest a better way?


List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: memberh...@webstandardsgroup.org

Reply via email to