javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-11-07 15:07:13 +08:00
Code Issues Packages Projects Releases Wiki Activity

forms w/ flexbox

Browse Source
This commit is contained in:
Adam Bradley
2013-10-14 09:25:57 -05:00
parent 2f2cf12471
commit f04f3632d1
7 changed files with 227 additions and 158 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
example/toderp2/index.html
View File

@ -51,20 +51,20 @@
<div class="toderp-logo"></div>
</div>
<div class="input-group">
<label class="input-wrapper row">
<span class="input-label col-xs-3">Full name</span>
<input class="col-xs-8" type="text" placeholder="" ng-model="signupForm.name" required>
<label class="input-row">
<span class="input-label">Full name</span>
<input type="text" placeholder="" ng-model="signupForm.name" required>
</label>
<label class="input-wrapper row">
<span class="input-label col-xs-3">Email</span>
<input class="col-xs-8" type="email" placeholder="" ng-model="signupForm.email" required>
<label class="input-row">
<span class="input-label">Email</span>
<input type="email" placeholder="" ng-model="signupForm.email" required>
</label>
<label class="input-wrapper row">
<span class="input-label col-xs-3">Password</span>
<input class="col-xs-8" type="password" placeholder="" ng-model="signupForm.password" required>
<label class="input-row">
<span class="input-label">Password</span>
<input type="password" placeholder="" ng-model="signupForm.password" required>
</label>
</div>
<div class="input-group">
<div class="inset">
<button type="submit" class="button button-primary button-block">Get derp'n</button>
<div id="signup-error" ng-show="signupError">Unable to signup, please try again.</div>
</div>
@ -87,16 +87,16 @@
<main class="content padded has-header">
<form class="form-horizontal" ng-submit="tryLogin(loginForm)">
<div class="input-group inset">
<label class="input-wrapper row">
<label class="input-row">
<span class="input-label col-xs-4">Email</span>
<input class="col-xs-8" type="email" placeholder="" ng-model="loginForm.email">
<input type="email" placeholder="" ng-model="loginForm.email">
</label>
<label class="input-wrapper row">
<label class="input-row">
<span class="input-label col-xs-4">Password</span>
<input class="col-xs-8" type="password" placeholder="" ng-model="loginForm.password">
<input type="password" placeholder="" ng-model="loginForm.password">
</label>
</div>
<div class="input-group inset">
<div class="inset">
<button class="button button-primary button-block">Log in</button>
<div id="login-error" ng-show="loginError">Invalid email/password. Please try again.</div>
</div>