ionic ialah perpustakaan UI mudah alih yang ringan dengan ciri-ciri kelajuan pantas, antara muka moden dan penampilan yang cantik. Untuk menyelesaikan masalah beberapa perpustakaan UI lain yang berjalan perlahan pada telefon mudah alih, ia secara langsung melepaskan sokongan untuk versi di bawah IOS6 dan Android4.1 untuk mendapatkan pengalaman pengguna yang lebih baik.

bentuk ion dan kotak input sintaks

Kelas senarai juga boleh digunakan untuk elemen input. Input item dan kelas item menentukan kotak teks dan labelnya.

bentuk ion dan kotak input contoh

<html ng-app="ionicApp">
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width">
        <title>PHP中文网(php.cn)</title>
        <link href="https://cdn.bootcss.com/ionic/1.3.2/css/ionic.css" rel="stylesheet">
        <script src="https://cdn.bootcss.com/ionic/1.3.2/js/ionic.bundle.min.js"></script>
    </head>
    <body>
    
    <div class="bar bar-header">
      <div class="h1 title">预输入标签</div>
    </div>
    
    <div class="content has-header">
      <div class="list">
        <label class="item item-input">
          <input type="text" placeholder="First Name">
        </label>
        <label class="item item-input">
          <input type="text" placeholder="Last Name">
        </label>
        <label class="item item-input">
          <textarea placeholder="Comments"></textarea>
        </label>
      </div>
      <div class="padding">
        <button class="button button-block button-positive">Submit</button>
      </div>
    </div>
  </body>
</html>

Run Instance »

Klik butang "Run Instance" untuk melihat instance dalam talian