HTML: Come bloccare l'invio di un form tramite il tasto Invio senza utilizzare JavaScript

Per bloccare l’invio di un form premendo il tasto Invio senza utilizzare JavaScript basta inserire un bottone d’invio disabilitato e nascosto come primo elemento del form.

<form action="pagina.html" method="post">
<button type="submit" disabled style="display:none" aria-hidden="true"></button>
<!-- Qui sotto andranno tutti i campi del form e il bottone d’invio -->
</form>


Questo metodo funziona perché il bottone d’invio di default di un form è il primo bottone d’invio che si trova all’interno del form. Quando si preme il tasto Invio viene quindi simulato il clic sul primo bottone d’invio, ma, in questo caso, essendo disabilitato, non causa l’invio del form.

Guida scritta da il 28/01/2021.

Le ultime guide della categoria HTML:

comments powered by Disqus