javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2026-03-13 10:22:08 +08:00
Code Issues Packages Projects Releases Wiki Activity

inline form updates

Browse Source
This commit is contained in:
Adam Bradley
2015-07-27 20:28:56 -05:00
parent 8ecd913d21
commit 64b53cdc7d
5 changed files with 51 additions and 33 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
ionic/components/form/test/fixed-inline-labels/main.html
View File

@@ -18,17 +18,17 @@
<ion-input>
<label class="fixed-inline-label">From</label>
<input value="3" type="number">
<input value="Text 3" type="text">
</ion-input>
<ion-input>
<label class="fixed-inline-label">Comments</label>
<textarea>Textarea 4</textarea>
<textarea>Comment value</textarea>
</ion-input>
<ion-input>
<label class="fixed-inline-label">Message</label>
<input value="http://url5.com/" type="url">
<label class="fixed-inline-label">Website</label>
<input value="http://ionic.io/" type="url">
</ion-input>
<ion-input>
@@ -38,32 +38,32 @@
<ion-input>
<label class="fixed-inline-label">Feedback</label>
<textarea>Textarea 7</textarea>
<textarea placeholder="Placeholder Text"></textarea>
</ion-input>
<ion-input>
<label class="fixed-inline-label">More Info</label>
<input value="Text 8" type="text">
<input placeholder="Placeholder Text" type="text">
</ion-input>
<ion-input>
<label class="fixed-inline-label">Rank</label>
<input value="9" type="number">
</ion-input>
<ion-input>
<label class="fixed-inline-label">Message</label>
<textarea>Textarea 10</textarea>
<label class="fixed-inline-label">Score</label>
<input value="10" type="number">
</ion-input>
<ion-input>
<label class="fixed-inline-label">First Name</label>
<input value="Text 11" type="text">
<input value="Buzz" type="text">
</ion-input>
<ion-input>
<label class="fixed-inline-label">Last Name</label>
<input value="12" type="number">
<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>

30
ionic/components/form/test/inline-labels/main.html
View File

@@ -18,17 +18,17 @@
<ion-input>
<label>From:</label>
<input value="3" type="number">
<input value="Text 3" type="text">
</ion-input>
<ion-input>
<label>Comments:</label>
<textarea>Textarea 4</textarea>
<textarea>Comment value</textarea>
</ion-input>
<ion-input>
<label>Message:</label>
<input value="http://url5.com/" type="url">
<label>Website:</label>
<input value="http://ionic.io/" type="url">
</ion-input>
<ion-input>
@@ -38,32 +38,32 @@
<ion-input>
<label>Feedback:</label>
<textarea>Textarea 7</textarea>
<textarea placeholder="Placeholder Text"></textarea>
</ion-input>
<ion-input>
<label>More Info:</label>
<input value="Text 8" type="text">
<input placeholder="Placeholder Text" type="text">
</ion-input>
<ion-input>
<label>Rank:</label>
<input value="9" type="number">
</ion-input>
<ion-input>
<label>Message:</label>
<textarea>Textarea 10</textarea>
<label>Score:</label>
<input value="10" type="number">
</ion-input>
<ion-input>
<label>First Name:</label>
<input value="Text 11" type="text">
<input value="Lightning" type="text">
</ion-input>
<ion-input>
<label>Last Name:</label>
<input value="12" type="number">
<input value="McQueen" type="text">
</ion-input>
<ion-input>
<label>Message:</label>
<textarea>KA-CHOW!</textarea>
</ion-input>
</ion-list>