mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-08-21 21:15:24 +08:00
71 lines
1.7 KiB
HTML
71 lines
1.7 KiB
HTML
|
|
<ion-toolbar><ion-title>Floating Label Text Input</ion-title></ion-toolbar>
|
|
|
|
|
|
<ion-content>
|
|
<ion-row>
|
|
<ion-col>
|
|
<ion-item>
|
|
<ion-label floating>Params</ion-label>
|
|
<ion-input [(ngModel)]="myParam" type="text"></ion-input>
|
|
{{ myParam }}
|
|
</ion-item>
|
|
</ion-col>
|
|
</ion-row>
|
|
|
|
<ion-list inset>
|
|
|
|
<ion-item>
|
|
<ion-label floating>Floating Label 1: {{ myValues.value1 }}</ion-label>
|
|
<ion-input [(ngModel)]='myValues.value1'></ion-input>
|
|
</ion-item>
|
|
|
|
<ion-item>
|
|
<ion-label floating>Floating Label 2</ion-label>
|
|
<ion-input value="Has Value"></ion-input>
|
|
</ion-item>
|
|
|
|
<ion-item>
|
|
<ion-label floating>Floating Label 3</ion-label>
|
|
<ion-input type="number"></ion-input>
|
|
</ion-item>
|
|
|
|
<ion-item>
|
|
<ion-label floating primary>Floating Label 4: {{ myValues.value2 }}</ion-label>
|
|
<ion-textarea [(ngModel)]='myValues.value2'></ion-textarea>
|
|
</ion-item>
|
|
|
|
<ion-item>
|
|
<ion-label floating secondary>Floating Label 5</ion-label>
|
|
<ion-input type="url"></ion-input>
|
|
</ion-item>
|
|
|
|
<ion-item>
|
|
<ion-label floating danger>Floating Label 6</ion-label>
|
|
<ion-input type="email"></ion-input>
|
|
</ion-item>
|
|
|
|
<ion-item>
|
|
<ion-label floating>Floating Label 7</ion-label>
|
|
<ion-textarea></ion-textarea>
|
|
</ion-item>
|
|
|
|
<ion-item>
|
|
<ion-label floating>Floating Label 8</ion-label>
|
|
<ion-input></ion-input>
|
|
</ion-item>
|
|
|
|
<ion-item>
|
|
<ion-label floating>Floating Label 9</ion-label>
|
|
<ion-input type="number"></ion-input>
|
|
</ion-item>
|
|
|
|
<ion-item>
|
|
<ion-label floating>Floating Label 10</ion-label>
|
|
<ion-textarea></ion-textarea>
|
|
</ion-item>
|
|
|
|
</ion-list>
|
|
|
|
</ion-content>
|