mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2026-03-13 10:22:08 +08:00
65 lines
1.5 KiB
HTML
65 lines
1.5 KiB
HTML
|
|
<ion-toolbar><ion-title>Stacked Label Text Input</ion-title></ion-toolbar>
|
|
|
|
|
|
<ion-content>
|
|
|
|
<ion-list>
|
|
|
|
<ion-input class="item-stacked-label">
|
|
<label>Label 1</label>
|
|
<input value="Text 1" type="text">
|
|
</ion-input>
|
|
|
|
<ion-input class="item-stacked-label">
|
|
<label>Label 2</label>
|
|
<input value="Text 2" type="text">
|
|
</ion-input>
|
|
|
|
<ion-input class="item-stacked-label">
|
|
<label>Label 3</label>
|
|
<input value="3" type="number">
|
|
</ion-input>
|
|
|
|
<ion-input class="item-stacked-label">
|
|
<label>Label 4</label>
|
|
<textarea>Textarea 4</textarea>
|
|
</ion-input>
|
|
|
|
<ion-input class="item-stacked-label">
|
|
<label>Label 5</label>
|
|
<input value="http://url5.com/" type="url">
|
|
</ion-input>
|
|
|
|
<ion-input class="item-stacked-label">
|
|
<label>Label 6</label>
|
|
<input value="email6@email.com" type="email">
|
|
</ion-input>
|
|
|
|
<ion-input class="item-stacked-label">
|
|
<label>Label 7</label>
|
|
<textarea>Textarea 7</textarea>
|
|
</ion-input>
|
|
|
|
<ion-input class="item-stacked-label">
|
|
<label>Label 8</label>
|
|
<input value="Text 8" type="text">
|
|
</ion-input>
|
|
|
|
<ion-input class="item-stacked-label">
|
|
<label>Label 9</label>
|
|
<input value="9" type="number">
|
|
</ion-input>
|
|
|
|
<ion-input class="item-stacked-label">
|
|
<label>Label 10</label>
|
|
<textarea>Textarea 10</textarea>
|
|
</ion-input>
|
|
|
|
</ion-list>
|
|
|
|
</ion-content>
|
|
|
|
|
|
<ion-toolbar position="bottom"><ion-title>Footer</ion-title></ion-toolbar>
|