html - Show Multiple Checkboxes in Columns -
i wondering best way following is: (i cannot post pictures since new, here's link screencast) multiple html checkboxes http://www.screencast.com/t/zcgnm3fka
i need include in registration form, , wondering best way code is. know can use html table, not sure if that's best approach because other questions #3 in picture not require more 1 column.
if chose html table option, following mark appropriate?
<table width="70%" cellspacing="3" cellpadding="3"> <tr><td>1.) question goes here?</td></tr> <tr> <td> <label>watches</label><br /> <input type="checkbox" class="all" /> </br> <input type="checkbox" class="all" />something </br> <input type="checkbox" class="all" />something </br> <input type="checkbox" class="all" />something </br> <input type="checkbox" class="all" />something </br> </td> <td> <label>jewerly</label><br /> <input type="checkbox" name="uttype1[]" value="e" />something </br> <input type="checkbox" name="uttype1[]" value="e" />something </br> <input type="checkbox" name="uttype1[]" value="e" />something </br> <input type="checkbox" name="uttype1[]" value="e" />something </br> </td> <td> <label>jewerly</label><br /> <input type="checkbox" name="uttype1[]" value="e" />something </br> <input type="checkbox" name="uttype1[]" value="e" />something </br> <input type="checkbox" name="uttype1[]" value="e" />something </br> <input type="checkbox" name="uttype1[]" value="e" />something </br> </td> </tr> <tr> <td>2.) question goes here?</td> </tr> </table> fiddle demo here: http://jsfiddle.net/yahyr/
or mark more appropiate?
<table> <tbody> <!-- should use here add question instructions? --> <tr> <th>watches</th> <th>jewerly</th> <th>jewerly</th> </tr> <tr> <td> <input type="checkbox" name="uttype1[]" value="e" />something </br> <input type="checkbox" name="uttype1[]" value="e" />something </br> <input type="checkbox" name="uttype1[]" value="e" />something </br> <input type="checkbox" name="uttype1[]" value="e" />something </br> </td> <td> <input type="checkbox" name="uttype1[]" value="e" />something </br> <input type="checkbox" name="uttype1[]" value="e" />something </br> <input type="checkbox" name="uttype1[]" value="e" />something </br> <input type="checkbox" name="uttype1[]" value="e" />something </br> </td> <td> <input type="checkbox" name="uttype1[]" value="e" />something </br> <input type="checkbox" name="uttype1[]" value="e" />something </br> <input type="checkbox" name="uttype1[]" value="e" />something </br> <input type="checkbox" name="uttype1[]" value="e" />something </br> </td> </tr> <!-- should use here add question instructions? --> <tr> <th>watches</th> <th>jewerly</th> <th>jewerly</th> </tr> <tr> <td> <input type="checkbox" name="uttype1[]" value="e" />something </br> <input type="checkbox" name="uttype1[]" value="e" />something </br> <input type="checkbox" name="uttype1[]" value="e" />something </br> <input type="checkbox" name="uttype1[]" value="e" />something </br> </td> <td> <input type="checkbox" name="uttype1[]" value="e" />something </br> <input type="checkbox" name="uttype1[]" value="e" />something </br> <input type="checkbox" name="uttype1[]" value="e" />something </br> <input type="checkbox" name="uttype1[]" value="e" />something </br> </td> <td> <input type="checkbox" name="uttype1[]" value="e" />something </br> <input type="checkbox" name="uttype1[]" value="e" />something </br> <input type="checkbox" name="uttype1[]" value="e" />something </br> <input type="checkbox" name="uttype1[]" value="e" />something </br> </td> </tr> </tbody> </table> and finally, how can add question instructions? if put inside td push right content in other tds.
Comments
Post a Comment