mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-08-19 19:57:22 +08:00
80 lines
1.9 KiB
HTML
80 lines
1.9 KiB
HTML
|
|
<ion-toolbar><ion-title>Fixed Inline Label Text Input</ion-title></ion-toolbar>
|
|
|
|
|
|
<ion-content>
|
|
|
|
<ion-list>
|
|
|
|
<ion-input fixed-label>
|
|
<ion-label>To</ion-label>
|
|
<input value="Text 1" type="text">
|
|
</ion-input>
|
|
|
|
<ion-input fixed-label>
|
|
<ion-label>CC</ion-label>
|
|
<input value="Text 2" type="text">
|
|
</ion-input>
|
|
|
|
<ion-input fixed-label>
|
|
<ion-label>From</ion-label>
|
|
<input value="Text 3" type="text">
|
|
<button clear item-right>
|
|
<icon power></icon>
|
|
</button>
|
|
</ion-input>
|
|
|
|
<ion-input fixed-label>
|
|
<ion-label>Comments</ion-label>
|
|
<textarea>Comment value</textarea>
|
|
</ion-input>
|
|
|
|
<ion-input fixed-label>
|
|
<icon globe item-left></icon>
|
|
<ion-label>Website</ion-label>
|
|
<input value="http://ionic.io/" type="url">
|
|
</ion-input>
|
|
|
|
<ion-input fixed-label>
|
|
<icon mail item-left></icon>
|
|
<ion-label>Email</ion-label>
|
|
<input value="email6@email.com" type="email">
|
|
</ion-input>
|
|
|
|
<ion-input fixed-label>
|
|
<icon call item-left></icon>
|
|
<ion-label>Phone</ion-label>
|
|
<input value="867-5309" type="tel">
|
|
</ion-input>
|
|
|
|
<ion-input fixed-label>
|
|
<icon contact item-left></icon>
|
|
<input placeholder="Placeholder Text" type="text">
|
|
</ion-input>
|
|
|
|
<ion-input fixed-label>
|
|
<ion-label>Score</ion-label>
|
|
<input value="10" type="number">
|
|
<button outline item-right>Update</button>
|
|
</ion-input>
|
|
|
|
<ion-input fixed-label>
|
|
<ion-label>First Name</ion-label>
|
|
<input value="Buzz" type="text">
|
|
</ion-input>
|
|
|
|
<ion-input fixed-label>
|
|
<ion-label>Last Name</ion-label>
|
|
<input value="Lightyear" type="text">
|
|
</ion-input>
|
|
|
|
<ion-input fixed-label>
|
|
<icon create item-left></icon>
|
|
<ion-label>Message</ion-label>
|
|
<textarea>To infinity and beyond</textarea>
|
|
</ion-input>
|
|
|
|
</ion-list>
|
|
|
|
</ion-content>
|