Verrouiller un formulaire complet

Bonjour,
Je réalise une application à base de html, php et JavaScript.
Lorsqu'un visiteur accède à l'application en démonstration, il doit voir les formulaires avec des données exemples mais ne doit pas pouvoir modifier les données dans aucun des formulaires. Mon code JS contient un écouteur pour qu'en fonctionnement normal, la modification d'un champ soit automatiquement enregistrée. Je peux bien sûr ajouter une condition sur ce code mais j'aurais voulu mettre un attribut sur l'ensemble du formulaire pour que le visiteur puisse lire les données sans pouvoir les modifier. J'ai fait des essais en ajoutant un attribut readonly ou disabled directement dans la balise <form> mais cela ne fonctionne pas.
Y a t-il une solution?

L'attribut readonly (pour les balises input) ou disabled pour les select se placent directement sur les balises concernées, pas sur le form qui les englobe. Ce n'est pas pour autant fastidieux puisque tu peux atteindre facilement un ensemble de balises en javascript avec querySelectorAll et boucler dessus pour appliquer les modifications souhaitées.

Maintenant, pense que ça ne te garantit absolument rien comme tout ce qui se passe coté client (javascript peut être désactivé, modifié), donc si tu veux t'assurer qu'aucune modification est faite, tu dois adopter une stratégie coté serveur.

Et une copie d'écran? :roll:

@CosmoKnacki
1) S'agissant d'une application, je détecte si les scripts sont acceptés et, le cas échéant, j'informe le visiteur que le site ne peut fonctionner correctement sans scripts.
2) J'adopte effectivement une stratégie côté serveur.