Browse Source

Ok, browsers are ignoring pattern, lets use type=number

mj-deploy
Standa Lukeš 4 years ago
parent
commit
9f72e5393b
  1. 16
      frontend/src/SolutionCaptcha.svelte

16
frontend/src/SolutionCaptcha.svelte

@ -12,7 +12,21 @@
}
</script>
<style>
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
/* Firefox */
input[type=number] {
-moz-appearance: textfield;
}
</style>
<div>
<p>Úlohu zatím nemáš vyřešenou, opravdu si chceš vyzradit řešení?</p>
{a} + {b} = <input type=text pattern="[0-9]*" on:input={e => newValue(+e.currentTarget.value)}>
{a} + {b} = <input type="number" on:input={e => newValue(+e.currentTarget.value)}>
</div>