Home / Programmazione / HTML - CSS / Disabilitare l'autocompletamento nei form HTML
Mattepuffo

Disabilitare l'autocompletamento nei form HTML

Disabilitare l'autocompletamento nei form HTML

Tendenzialmente l'autocompletamento nei form HTML è più che comodo.

Ma ci possono essere dei casi in cui vogliamo disabilitarlo.

Farlo è molto semplice usando l'attributo autocomplete (che fantasia eh!).

Se vogliamo disabilitarlo sul tutto il form:

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>No autocomplete form</title>
    </head>
    <body>
        <form action="#" method="post" autocomplete="off">
            <input type="text" name="inp_txt"><br>
            <button type="submit" name="btn" value="Invia">Invia</button>
        </form>
    </body>
</html>

Volendo possiamo anche disabilitarlo su singoli campi.

Per fare questo basta spostare l'attributo:

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>No autocomplete form</title>
    </head>
    <body>
        <form action="#" method="post">
            <input type="text" name="inp_txt" autocomplete="off"><br>
            <button type="submit" name="btn" value="Invia">Invia</button>
        </form>
    </body>
</html>

Fate qualche prova con e senza attributo (o switchando tra on e off) per vedere le differenze.

Enjoy!