Latest web development tutorials

مربع الأيونية واحد

أزرار الانتخابات الأيونية ويشبه نوع معيار = "الراديو" عنصر الإدخال. ويبين الجدول التالي زر الاختيار نوع التطبيق الحديث.

كل بند الراديو نوع = اسم السمة "الراديو" من عناصر المدخلات هي نفسها. يتم عرض الطبقة راديو رمز رمز.

الأيونية استخدام <label> عنصر في خيار واحد، مما يجعل من الاسهل للنقر.

أمثلة

<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>

النتائج التشغيلية هي كما يلي: