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