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.
Laisser un commentaire
Participez-vous à la discussion?N'hésitez pas à contribuer!