Comment empêcher la modification d'un formulaire HTML ?

Réponses rédigées par Antoine

Dernière mise à jour : 2022-05-16 14:22:57

Question

Comment faire pour empêcher la modification d'un formulaire HTML du type <input> ou <textarea> ?

Réponse

Pour empêcher la modification d'un formulaire HTML, vous pouvez utiliser l'attribut booléen readonly de la manière suivante :

<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8">
<title>Comment empêcher la modification d'un formulaire HTML ?</title>
</head>  
<body>
<textarea rows="4" cols="40" readonly>
Une balise textarea dont on ne peut pas modifier le contenu.
</textarea>
<br>
<input type="text" name="exemple" value="Une balise input dont on ne peut pas modifier la valeur." readonly>
</body>
</html>

Vous trouverez d'avantage d'information sur la manière d'empêcher la modification d'un formulaire HTML, avec l'attribut readonly, via cette page du site de Mozilla.

Remarque : l'attribut readonly permet d'empêcher la modification d'un <input> ou d'un <textarea> d'un formulaire coté client. Pour des raisons de sécurité vous devez également contrôler la non modification de ces éléments coté serveur, en PHP par exemple.