mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-08-18 19:21:34 +08:00
79 lines
2.0 KiB
HTML
79 lines
2.0 KiB
HTML
|
|
<ion-toolbar><ion-title>Fixed Inline Label Text Input</ion-title></ion-toolbar>
|
|
|
|
|
|
<ion-content>
|
|
|
|
<ion-list>
|
|
|
|
<ion-input>
|
|
<label class="fixed-inline-label">To</label>
|
|
<input value="Text 1" type="text">
|
|
</ion-input>
|
|
|
|
<ion-input>
|
|
<label class="fixed-inline-label">CC</label>
|
|
<input value="Text 2" type="text">
|
|
</ion-input>
|
|
|
|
<ion-input>
|
|
<label class="fixed-inline-label">From</label>
|
|
<input value="Text 3" type="text">
|
|
<button primary clear>
|
|
<icon name="ion-power"></icon>
|
|
</button>
|
|
</ion-input>
|
|
|
|
<ion-input>
|
|
<label class="fixed-inline-label">Comments</label>
|
|
<textarea>Comment value</textarea>
|
|
</ion-input>
|
|
|
|
<ion-input>
|
|
<icon name="ion-earth"></icon>
|
|
<label class="fixed-inline-label">Website</label>
|
|
<input value="http://ionic.io/" type="url">
|
|
</ion-input>
|
|
|
|
<ion-input>
|
|
<icon name="ion-email"></icon>
|
|
<label class="fixed-inline-label">Email</label>
|
|
<input value="email6@email.com" type="email">
|
|
</ion-input>
|
|
|
|
<ion-input>
|
|
<icon name="ion-earth"></icon>
|
|
<label class="fixed-inline-label">Feedback</label>
|
|
<textarea placeholder="Placeholder Text"></textarea>
|
|
</ion-input>
|
|
|
|
<ion-input>
|
|
<label class="fixed-inline-label">More Info</label>
|
|
<input placeholder="Placeholder Text" type="text">
|
|
</ion-input>
|
|
|
|
<ion-input>
|
|
<label class="fixed-inline-label">Score</label>
|
|
<input value="10" type="number">
|
|
<button primary outline>Update</button>
|
|
</ion-input>
|
|
|
|
<ion-input>
|
|
<label class="fixed-inline-label">First Name</label>
|
|
<input value="Buzz" type="text">
|
|
</ion-input>
|
|
|
|
<ion-input>
|
|
<label class="fixed-inline-label">Last Name</label>
|
|
<input value="Lightyear" type="text">
|
|
</ion-input>
|
|
|
|
<ion-input>
|
|
<label class="fixed-inline-label">Message</label>
|
|
<textarea>To infinity and beyond</textarea>
|
|
</ion-input>
|
|
|
|
</ion-list>
|
|
|
|
</ion-content>
|