mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-08-22 21:48:42 +08:00
4e375242c6
if it is with a floating label, the label will stay stacked instead of floating closes #5715
69 lines
1.7 KiB
HTML
69 lines
1.7 KiB
HTML
|
|
<ion-toolbar>
|
|
<ion-title>Stacked Label Text Input</ion-title>
|
|
</ion-toolbar>
|
|
|
|
|
|
<ion-content>
|
|
|
|
<ion-list>
|
|
|
|
<ion-item>
|
|
<ion-label stacked>Label 1</ion-label>
|
|
<ion-input value="Text 1"></ion-input>
|
|
</ion-item>
|
|
|
|
<ion-item>
|
|
<ion-label stacked>Label 2</ion-label>
|
|
<ion-input value="Text 2"></ion-input>
|
|
<button item-right clear><ion-icon name="heart-outline"></ion-icon></button>
|
|
<button item-right clear><ion-icon ios="ios-call-outline" md="md-call"></ion-icon></button>
|
|
</ion-item>
|
|
|
|
<ion-item>
|
|
<ion-label stacked>Label 3</ion-label>
|
|
<ion-input value="3" type="number"></ion-input>
|
|
</ion-item>
|
|
|
|
<ion-item>
|
|
<ion-label stacked>Label 4</ion-label>
|
|
<ion-textarea value="Textarea 4"></ion-textarea>
|
|
</ion-item>
|
|
|
|
<ion-item>
|
|
<ion-label stacked>Label 5</ion-label>
|
|
<ion-input value="http://url5.com/" type="url"></ion-input>
|
|
</ion-item>
|
|
|
|
<ion-item>
|
|
<ion-label stacked>Label 6</ion-label>
|
|
<ion-select [(ngModel)]="gender">
|
|
<ion-option value="f" checked="true">Female</ion-option>
|
|
<ion-option value="m">Male</ion-option>
|
|
</ion-select>
|
|
</ion-item>
|
|
|
|
<ion-item>
|
|
<ion-label stacked>Label 7</ion-label>
|
|
<ion-textarea value="Textarea 7"></ion-textarea>
|
|
</ion-item>
|
|
|
|
<ion-item>
|
|
<ion-label stacked>Label 8</ion-label>
|
|
<ion-input value="Text 8"></ion-input>
|
|
</ion-item>
|
|
|
|
<ion-item>
|
|
<ion-label stacked>Label 9</ion-label>
|
|
<ion-input value="9" type="number"></ion-input>
|
|
</ion-item>
|
|
|
|
<ion-item>
|
|
<ion-label stacked>Label 10</ion-label>
|
|
<ion-textarea value="Textarea 10"></ion-textarea>
|
|
</ion-item>
|
|
|
|
</ion-list>
|
|
|
|
</ion-content>
|