제이쿼리모바일 Checkboxradio Vertically grouped checkboxes 세로로 그룹화 된 체크 박스 정보
jQuery Mobile 제이쿼리모바일 Checkboxradio Vertically grouped checkboxes 세로로 그룹화 된 체크 박스본문
제이쿼리모바일 Checkboxradio Vertically grouped checkboxes 세로로 그룹화 된 체크 박스
일반적으로 질문 제목 아래에 여러 개의 확인란이 있습니다.
여러 체크 박스를 그룹화 된 버튼 세트에 시각적으로 통합하기 위해 프레임 워크는
버튼 사이의 모든 여백을 자동으로 제거하고에 data-role="controlgroup"속성 이있는 경우
세트의 상단 및 하단 모서리 만 반올림 합니다 fieldset.
<div class="ui-field-contain">
<fieldset data-role="controlgroup">
<legend>Choose as many snacks as you'd like:</legend>
<input type="checkbox" name="checkbox-1a" id="checkbox-1a" class="custom">
<label for="checkbox-1a">Cheetos</label>
<input type="checkbox" name="checkbox-2a" id="checkbox-2a" class="custom">
<label for="checkbox-2a">Doritos</label>
<input type="checkbox" name="checkbox-3a" id="checkbox-3a" class="custom">
<label for="checkbox-3a">Fritos</label>
<input type="checkbox" name="checkbox-4a" id="checkbox-4a" class="custom">
<label for="checkbox-4a">Sun Chips</label>
</fieldset>
</div>
일반적으로 질문 제목 아래에 여러 개의 확인란이 있습니다.
여러 체크 박스를 그룹화 된 버튼 세트에 시각적으로 통합하기 위해 프레임 워크는
버튼 사이의 모든 여백을 자동으로 제거하고에 data-role="controlgroup"속성 이있는 경우
세트의 상단 및 하단 모서리 만 반올림 합니다 fieldset.
<div class="ui-field-contain">
<fieldset data-role="controlgroup">
<legend>Choose as many snacks as you'd like:</legend>
<input type="checkbox" name="checkbox-1a" id="checkbox-1a" class="custom">
<label for="checkbox-1a">Cheetos</label>
<input type="checkbox" name="checkbox-2a" id="checkbox-2a" class="custom">
<label for="checkbox-2a">Doritos</label>
<input type="checkbox" name="checkbox-3a" id="checkbox-3a" class="custom">
<label for="checkbox-3a">Fritos</label>
<input type="checkbox" name="checkbox-4a" id="checkbox-4a" class="custom">
<label for="checkbox-4a">Sun Chips</label>
</fieldset>
</div>
추천
0
0
댓글 0개