input autofocus

ref #1
This commit is contained in:
Philipp Dormann 2021-03-15 14:56:13 +01:00
parent 22671156a9
commit 0f20996ac3

View File

@ -26,7 +26,7 @@
<form class="space-y-4"> <form class="space-y-4">
<label class="block"> <label class="block">
<span class="block mb-1 text-xs font-medium text-gray-700">Runner Card</span> <span class="block mb-1 text-xs font-medium text-gray-700">Runner Card</span>
<input class="form-input" type="text" placeholder="123456789" required/> <input class="shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 mt-1 leading-tight focus:outline-none focus:shadow-outline" type="text" placeholder="123456789" required use:init bind:value={card}/>
</label> </label>
<button type="submit" class="w-full py-3 bg-black text-white">Scan!</button> <button type="submit" class="w-full py-3 bg-black text-white">Scan!</button>
</form> </form>
@ -36,6 +36,9 @@
<script> <script>
import {apikey} from './store.js'; import {apikey} from './store.js';
import {lang} from './store.js'; import {lang} from './store.js';
function init(el){
el.focus()
}
// live clock at the top // live clock at the top
let time = new Date(); let time = new Date();
$: hours = (time.getHours()+"").padStart(2,"0"); $: hours = (time.getHours()+"").padStart(2,"0");