Files
Adam Bradley ff0f8ee8f7 input updates
2015-07-17 09:16:00 -05:00

107 lines
1.9 KiB
HTML

<ion-toolbar><ion-title>Header</ion-title></ion-toolbar>
<ion-content class="padding">
<ion-input>
<label>Label 1</label>
<input value="Text 1" type="text">
</ion-input>
<ion-input>
<label>Label 2</label>
<input value="Text 2" type="text">
</ion-input>
<ion-input>
<label>Label 3</label>
<input value="3" type="number">
</ion-input>
<ion-input>
<label>Label 4</label>
<textarea>Textarea 4</textarea>
</ion-input>
<ion-input>
<label>Label 5</label>
<input value="http://url5.com/" type="url">
</ion-input>
<ion-input>
<label>Label 6</label>
<input value="email6@email.com" type="email">
</ion-input>
<ion-input>
<label>Label 7</label>
<textarea>Textarea 7</textarea>
</ion-input>
<ion-input>
<label>Label 8</label>
<input value="Text 8" type="text">
</ion-input>
<ion-input>
<label>Label 9</label>
<input value="9" type="number">
</ion-input>
<ion-input>
<label>Label 10</label>
<textarea>Textarea 10</textarea>
</ion-input>
<ion-input>
<label>Label 11</label>
<input value="Text 11" type="text">
</ion-input>
<ion-input>
<label>Label 12</label>
<input value="12" type="number">
</ion-input>
<ion-input>
<label>Label 13</label>
<textarea>Textarea 13</textarea>
</ion-input>
<ion-input>
<label>Label 14</label>
<textarea>Textarea 14</textarea>
</ion-input>
</ion-content>
<ion-toolbar position="bottom"><ion-title>Footer</ion-title></ion-toolbar>
<style>
input, textarea {
border: 1px solid red !important;
display: inline-block !important;
}
/*
focus-holder input:focus {
background: red !important;
}
focus-holder input:nth-child(1) {
left: 200px !important;
}
focus-holder input:nth-child(2) {
left: 240px !important;
}
focus-holder input:nth-child(3) {
left: 280px !important;
}*/
</style>