이온 하나의 상자

이온 선거 버튼과 유사한 표준 유형 = "라디오"입력 요소입니다. 다음은 현대적인 응용 프로그램 유형 라디오 버튼을 보여줍니다.

입력 요소의 속성 "라디오"의 각 항목 라디오 TYPE = 이름은 동일하다. 아이콘에 대한 무선 아이콘 클래스가 표시됩니다.

이온 사용하여 <레이블> 하나의 옵션 요소를 클릭하여 쉽게 만들기.

예

<div class="list">

<label class="item item-radio">
  <input type="radio" name="group" value="go" checked="checked">
  <div class="item-content">
    Go
  </div>
  <i class="radio-icon ion-checkmark"></i>
</label>

<label class="item item-radio">
  <input type="radio" name="group" value="python">
  <div class="item-content">
    Python
  </div>
  <i class="radio-icon ion-checkmark"></i>
</label>

<label class="item item-radio">
  <input type="radio" name="group" value="ruby">
  <div class="item-content">
    Ruby
  </div>
  <i class="radio-icon ion-checkmark"></i>
</label>

<label class="item item-radio">
  <input type="radio" name="group" value=".net">
  <div class="item-content">
    .Net
  </div>
  <i class="radio-icon ion-checkmark"></i>
</label>

<label class="item item-radio">
  <input type="radio" name="group" value="java">
  <div class="item-content">
    Java
  </div>
  <i class="radio-icon ion-checkmark"></i>
</label>

<label class="item item-radio">
  <input type="radio" name="group" value="php">
  <div class="item-content">
    PHP
  </div>
  <i class="radio-icon ion-checkmark"></i>
</label>

</div>

»시도

다음과 같이 영업 실적은 다음과 같습니다 :