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-header-bar class="bar-royal">
        <h1 class="title">{{ loginHeader }}</h1>
        <div class="list list-inset">
            <label class="item item-input">
                <input type="email" placeholder="{{ usernamePlaceholder }}" ng-model="username">
            <label class="item item-input">
                <input type="password" placeholder="{{ passwordPlaceholder }}" ng-model="password">
                <button class="button button-block button-royal" ng-click="login(username, password)">
                    {{ loginLabel }}

Also, is it best to have these elements in a element? What purpose does <form> serve if any?


You could do something like this.

Forms have a big purpose in html,


That works :). How do I get the text on the same line? The .checkbox class defines all items as inline-block.