starter-angular-material/app/views/pkguidedit.html

<div layout="column" ng-cloak class="md-inline-form">
    <md-content layout-padding>
        <form name="editForm">
            <div layout-gt-sm="row">
                <md-input-container class="md-block" flex-gt-sm>
                    <label>{{ 'pkguid.someText' | translate }}</label>
                    <input required ng-model="pkguid.someText">
                </md-input-container>

                <md-input-container class="md-block" flex-gt-sm>
                    <label>{{ 'pkguid.someInt' | translate }}</label>
                    <input required type="number" ng-model="pkguid.someInt">
                </md-input-container>
            </div>
            <div flex>
                <md-progress-linear ng-disabled="!running" md-mode="indeterminate"></md-progress-linear>
            </div>
            <div>
                <md-button type="submit" ng-click="!editForm.$invalid && submit()">{{ 'common.submit' | translate }}</md-button>
            </div>
            <div class="isa_error" ng-show="error != null">
                <i class="fa fa-times-circle"></i>
                {{ error.data.message }}
            </div>
        </form>
    </md-content>
</div>