小库编程教程示范演示-小库网

欢迎您本站地址:

小库网
        <link href="https://cdn.staticfile.net/ionic/1.3.2/css/ionic.css" rel="stylesheet">
        <script src="https://cdn.staticfile.net/ionic/1.3.2/js/ionic.bundle.min.js"></script>
    
    
    
    <div class="bar bar-header">
      <div class="h1 title">单选按钮列表</div>
    </div>

<div class="content has-header">

<div class="list">

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

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

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

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

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

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

</div>

</div>