I would like to have a standalone checkbox on the login screen page of my application to function as a Remember Me box.
I have looked at the ion-checkbox which is good - but it seems to work only in ion-lists? It does not style too well outside of a list
Any idea how I can achieve what I am after.
Login template is as follows currently:
<ion-view>
<ion-header-bar class="bar-royal">
<h1 class="title">{{ loginHeader }}</h1>
</ion-header-bar>
<ion-content>
<div class="list list-inset">
<label class="item item-input">
<input type="email" placeholder="{{ usernamePlaceholder }}" ng-model="username">
</label>
<label class="item item-input">
<input type="password" placeholder="{{ passwordPlaceholder }}" ng-model="password">
</label>
<label>
<button class="button button-block button-royal" ng-click="login(username, password)">
{{ loginLabel }}
</button>
</label>
</div>
</ion-content>
</ion-view>
Also, is it best to have these elements in a element? What purpose does <form>
serve if any?