I am trying to let people rate participants different words with a continuous rating scale and submit when they found are happy with their chosen position. Here is my code to do so:
<main class="content-horizontal-center content-vertical-center">
<div>
<div class="m-l" style="height: 200px">
<p class="font-weight-bold">
${parameters.word}
</p>
<p class="m-l" style="height: 100px">
${parameters.Bewertung}
</p>
<form id="pumps-form">
<input
type="range"
name="pumps" id="pumps"
class="w-100"
min="1" max="100" step="1"
value="0"
>
</form>
</div>
</div>
</main>
<div>
<input type="submit" form="pumps-form"/>
</div>
The submission of the form works fine when they press a button at the bottom of the page. However, I would like to enable to submit the rating with a keyboard buttonpress.
I have tried to use accesskey and the code mentioned here: Submitting a form by pressing enter without a submit button
Also I trie to wrap the input with a form tag (Input submit with enter) which did not work either.
but both did not let me submit my code with a buttonpress.
Thank you!