ionic est une bibliothèque d'interface utilisateur mobile légère présentant les caractéristiques d'une vitesse rapide, d'une interface moderne et d'une belle apparence. Afin de résoudre le problème de certaines autres bibliothèques d'interface utilisateur fonctionnant lentement sur les téléphones mobiles, il a directement abandonné la prise en charge des versions inférieures à IOS6 et Android4.1 pour obtenir une meilleure expérience utilisateur.

formes ioniques et zones de saisie syntaxe

La classe list peut également être utilisée pour les éléments d'entrée. Les classes item-input et item spécifient les zones de texte et leurs étiquettes.

formes ioniques et zones de saisie exemple

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

Exécuter l'instance »

Cliquez sur le bouton « Exécuter l'instance » pour afficher l'instance en ligne