examples/realworld-conventions/src/auth/index.html
<div class="auth-page">
<div class="container page">
<div class="row">
<div class="col-md-6 offset-md-3 col-xs-12">
<h1 class="text-xs-center">${C[mode].msg}</h1>
<p class="text-xs-center">
<a href.bind="C[mode].other.href">${C[mode].other.msg}</a>
</p>
<error-list errors.bind="$user.errors"></error-list>
<form submit.trigger="$event.preventDefault()">
<fieldset class="form-group" if.bind="mode === 'register'">
<input class="form-control form-control-lg" type="text" placeholder="Your Name" value.bind="username"
autocomplete="name" required name="username">
</fieldset>
<fieldset class="form-group">
<input class="form-control form-control-lg" type="text" placeholder="Email" value.bind="email"
autocomplete="email" required name="email">
</fieldset>
<fieldset class="form-group">
<input class="form-control form-control-lg" type="password" placeholder="Password" value.bind="password"
autocomplete="current-password" name="password">
</fieldset>
<button class="btn btn-lg btn-primary pull-xs-right" click.trigger="submit()" data-e2e="submitBtn">
${C[mode].msg}
</button>
</form>
</div>
</div>
</div>
</div>