4

したがって、twitterブートストラップCSSフレームワークを使用して、

このHTMLを表示すると、ラジオボタンの下にテキストが表示されます。ラジオボタンの右*または左に表示するようにします。

これは、GenderをGenderに置き換えると機能し、目的の効果が得られます

ただし、タグをスパンタグに変更することはできません（Javaベースのフレームワークを使用しています）。

ただし、htmlのプレフィックスとサフィックスを付けることができます-以下の例に示されています

                @@@@@@@@ ADD PREFIX HTML @@@@@@@@@@@@<input type="radio" checked name="optionsRadios"  value="option1" />
                <label>Gender</label>@@@@@@@ADD ADD SUFFIX THML @@@@@@@@@@@@

これを機能させることができれば、ウィザードです！

      <div class="clearfix">
        <label id="optionsRadio">Gender</label>

        <div class="input">
          <ul class="inputs-list" wicket:id="gender">
            <li>
              <label>
                <input type="radio" checked name="optionsRadios"  value="option1" />
                <label>Gender</label>
              </label>
            </li>

            <li>
              <label>
                <input type="radio" name="optionsRadios" value="option2" />
                <label>Gender</label>
              </label>
            </li>
          </ul> 
        </div>

4

2 に答える 2

1

ブートストラップデモページのラジオボタンは期待どおりにレンダリングされるため、独自のCSSに何かが原因でこれを引き起こしているか、マークアップに問題があります。

私の推測では、問題はラジオボタンとラベルが別のラベルの中にネストされているためだと思います。ラッパーラベルを削除してみて、それが機能するかどうかを確認してください。

于 2011-09-19T10:58:33.107 に答える
1

要素には、ネストされた要素があっlabelてはなりませんlabel。

于 2011-09-19T14:49:28.753 に答える