Added automatic input focus on first input

This commit is contained in:
konrad 2017-11-21 15:46:41 +01:00 committed by kolaente
parent 8767737ee4
commit a0276ffce5
Signed by: konrad
GPG Key ID: F40E70337AB24C9B
6 changed files with 6 additions and 6 deletions

View File

@ -38,7 +38,7 @@
<form id="search">
<div class="ui icon input">
<input placeholder="Search for anything..." type="text" v-model="searchQuery">
<input placeholder="Search for anything..." type="text" v-model="searchQuery" v-focus>
<i class="search icon"></i>
</div>
</form>

View File

@ -20,7 +20,7 @@
<form class="ui form" v-bind:class="{ loading: loading }" v-if="!success" @submit.prevent="insertOrUpdateAuthor">
<div class="field">
<label>Forename</label>
<input name="forename" placeholder="Forename" type="text" v-model="author.Forename">
<input name="forename" placeholder="Forename" type="text" v-model="author.Forename" v-focus>
</div>
<div class="field">

View File

@ -38,7 +38,7 @@
<form id="search">
<div class="ui icon input">
<input placeholder="Search for anything..." type="text" v-model="searchQuery">
<input placeholder="Search for anything..." type="text" v-model="searchQuery" v-focus>
<i class="search icon"></i>
</div>
</form>

View File

@ -20,7 +20,7 @@
<form class="ui form" v-bind:class="{ loading: loading }" v-if="!success" @submit.prevent="insertNewBook">
<div class="field">
<label>Title</label>
<input name="title" placeholder="Title" type="text" v-model="book.Title" required>
<input name="title" placeholder="Title" type="text" v-model="book.Title" required v-focus>
</div>
<div class="three fields">
<div class="field">

View File

@ -38,7 +38,7 @@
<form id="search">
<div class="ui icon input">
<input placeholder="Search for anything..." type="text" v-model="searchQuery">
<input placeholder="Search for anything..." type="text" v-model="searchQuery" v-focus>
<i class="search icon"></i>
</div>
</form>

View File

@ -20,7 +20,7 @@
<form class="ui form" v-bind:class="{ loading: loading }" v-if="!success" @submit.prevent="insertOrUpdatePublisher">
<div class="field">
<label>Name</label>
<input name="Name" placeholder="Name" type="text" v-model="publisher.Name" required>
<input name="Name" placeholder="Name" type="text" v-model="publisher.Name" required v-focus>
</div>
<button class="ui blue button" type="submit">Submit</button>
</form>