제이쿼리모바일 필드 컨테이너 Field containers

제이쿼리모바일 필드 컨테이너  Field containers

선택적 ui-field-contain으로 시각적으로 더 긴 형식으로 그룹화하는 데 도움이 되는 클래스 가 있는 컨테이너의 라디오 버튼을 래핑 하십시오.

참고 : 이 data-속성 data-role="fieldcontain"은 jQuery Mobile 1.4.0에서 사용되지 않으며 1.5.0에서 제거됩니다. 클래스를 ui-field-contain대신 추가하십시오 .

<div class="ui-field-contain">

  <fieldset data-role="controlgroup">

    <legend>Choose a pet:</legend>

    <input type="radio" name="radio-choice-2" id="radio-choice-1" value="choice-1" checked="checked">

    <label for="radio-choice-1">Cat</label>

 

    <input type="radio" name="radio-choice-2" id="radio-choice-2" value="choice-2">

    <label for="radio-choice-2">Dog</label>

 

    <input type="radio" name="radio-choice-2" id="radio-choice-3" value="choice-3">

    <label for="radio-choice-3">Hamster</label>

 

    <input type="radio" name="radio-choice-2" id="radio-choice-4" value="choice-4">

    <label for="radio-choice-4">Lizard</label>

  </fieldset>

</div>