Voici différentes méthodes pour rendre impossible l'écriture dans un textarea:

Déclaration du textarea en HTML :

<textarea class="elementtextarea"></textarea>

Rendre le textarea non editable  en affectant l'attribut readonly en JQuery  :

$(".elementtextarea").attr('readonly','readonly');

Rendre le textarea non editable  en affectant l'attribut disabled en JQuery  :

$(".elementtextarea").prop("disabled", true); //(valable depuis jquery 1.6 !!) équivalent de

​$(".elementtextarea").attr("disabled", "disabled");// évenement onclic inaccessible sur l'input

Différences entre les propriétés disabled et readonly

  • La propriété readonly permet à la valeur de l'input d'être envoyée sur soumission du formulaire, ce qui n'est pas  le cas de la propriété disabled.
  • Il est possible de mettre le focus sur un élement readonly, pas sur un élément disabled.
  • Les éléments disabled ne sont pas parcourus lors d'une navigation entre les champs avec la touche TAB.
  • Les éléments <select> <option> et <button> en particulier n'ont pas de propriété readonly​, mais peuvent être affectés de la propriété disabled.
0 réponses

Laisser un commentaire

Participez-vous à la discussion?
N'hésitez pas à contribuer!

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.