제이쿼리모바일 필드 컨테이너  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>