如何使字段集内的单选按钮水平

时间:2013-04-19 11:07:59

标签: javascript jquery html css jquery-mobile

在内部表格中我有两个单选按钮,如

            <fieldset data-role="controlgroup">
                <legend>
                    Choose a pet:
                </legend>
                <input type="radio" name="radio-choice-1" id="radio-choice-1" value="choice-1" checked="checked" />
                <label for="radio-choice-1"><img src="../static/images/Dog.png" />Dog</label>

                <input type="radio" name="radio-choice-1" id="radio-choice-2" value="choice-2"  />
                <label for="radio-choice-2"><img src="../static/images/Cat.png" />Cat</label>
            </fieldset>

(我正在使用jquery mobile)。如何使这两个按钮水平而不是垂直(此时狗按钮位于猫的上方,我需要在一行中)。如何制作水平?

1 个答案:

答案 0 :(得分:3)

在fieldset中试试

<fieldset data-role="controlgroup" data-type="horizontal" >

来源http://jquerymobile.com/demos/1.0a4.1/docs/forms/forms-radiobuttons.html

表单此站点验证水平单选按钮集

部分