ionic is a lightweight mobile UI library with the characteristics of fast speed, modern interface and beautiful appearance. In order to solve the problem of some other UI libraries running slowly on mobile phones, it directly gave up support for versions below IOS6 and Android4.1 to obtain a better user experience.

ionic forms and input boxes syntax

The list class can also be used for input elements. The item-input and item classes specify text boxes and their labels.

ionic forms and input boxes example

<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中文網(wǎng)(php.cn)</title>
????????<link?>
????????<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">預(yù)輸入標(biāo)簽</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>

運(yùn)行實(shí)例 ?

點(diǎn)擊 "運(yùn)行實(shí)例" 按鈕查看在線實(shí)例