Added automatic input focus on first input
This commit is contained in:
parent
8767737ee4
commit
a0276ffce5
|
@ -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>
|
||||
|
|
|
@ -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">
|
||||
|
|
|
@ -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>
|
||||
|
|
|
@ -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">
|
||||
|
|
|
@ -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>
|
||||
|
|
|
@ -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>
|
||||
|
|
Loading…
Reference in New Issue