mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2026-03-13 10:22:08 +08:00
93 lines
1.4 KiB
HTML
93 lines
1.4 KiB
HTML
|
|
<ion-toolbar><ion-title>Header</ion-title></ion-toolbar>
|
|
|
|
|
|
<ion-content class="padding">
|
|
|
|
<ion-input>
|
|
<input value="1" type="text">
|
|
</ion-input>
|
|
|
|
<ion-input>
|
|
<input value="2" type="text">
|
|
</ion-input>
|
|
|
|
<ion-input>
|
|
<input value="3" type="number">
|
|
</ion-input>
|
|
|
|
<ion-input>
|
|
<textarea>4</textarea>
|
|
</ion-input>
|
|
|
|
<ion-input>
|
|
<input value="5" type="text">
|
|
</ion-input>
|
|
|
|
<ion-input>
|
|
<input value="6" type="text">
|
|
</ion-input>
|
|
|
|
<ion-input>
|
|
<textarea>7</textarea>
|
|
</ion-input>
|
|
|
|
<ion-input>
|
|
<input value="8" type="text">
|
|
</ion-input>
|
|
|
|
<ion-input>
|
|
<input value="9" type="number">
|
|
</ion-input>
|
|
|
|
<ion-input>
|
|
<textarea>10</textarea>
|
|
</ion-input>
|
|
|
|
<ion-input>
|
|
<input value="11" type="text">
|
|
</ion-input>
|
|
|
|
<ion-input>
|
|
<input value="12" type="number">
|
|
</ion-input>
|
|
|
|
<ion-input>
|
|
<textarea>13</textarea>
|
|
</ion-input>
|
|
|
|
<ion-input>
|
|
<textarea>14</textarea>
|
|
</ion-input>
|
|
|
|
</ion-content>
|
|
|
|
|
|
<ion-toolbar position="bottom"><ion-title>Footer</ion-title></ion-toolbar>
|
|
|
|
|
|
<style>
|
|
|
|
input, textarea {
|
|
border: 1px solid red !important;
|
|
display: inline-block !important;
|
|
}
|
|
/*
|
|
focus-holder input:focus {
|
|
background: red !important;
|
|
}
|
|
|
|
focus-holder input:nth-child(1) {
|
|
left: 200px !important;
|
|
}
|
|
|
|
focus-holder input:nth-child(2) {
|
|
left: 240px !important;
|
|
}
|
|
|
|
focus-holder input:nth-child(3) {
|
|
left: 280px !important;
|
|
}*/
|
|
</style>
|
|
|