le MEMO du WEB développeur
 

••• Les formulaires HTML •••   Liste des Mémos, astuces et bonnes pratiques

Imposer une taille max aux fichiers uploadés sur le serveur - Divers
Valider un formulaire en javascript - Javascript
Plugin JQuery Select Box / Drop-Down / Liste déroulante. Un joli select - JQuery
Vérifier si un champs est bien renseigné dans un formulaire HTML - Javascript
Récupérer le contenu ou afficher du texte dans un textarea en JQuery - JQuery
Empêcher de coller du texte dans un champs input de type text - JQuery
Formulaire de paiement paypal en PHP - PHP
Empêcher l'autocomplétion dans les formulaires - HTML
Problème de slash sur passage de paramètres dans formulaire - HTML
Récupérer la valeur ou le texte sélectionné d'un élément SELECT dans un formulaire - Javascript

Lecture seule d'un textarea en JQuery - JQuery

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.
publié le 13/03/2012 par Memo Web
Formulaires
Commenter le Mémo :

Limiter le nombre de caractères saisis dans un textarea - HTML
Jquery récupérer les valeurs de checkbox, select et radio - JQuery
Ajoutez vos propres Mémos sur MEMO-WEB

Il suffit de vous créer un compte sur le site

Vous pourrez choisir un thème parmis l'une des catégories proposées par MEMO-WEB.

Rédigez votre Mémo.
Après validation par MEMO-WEB, il sera mis en ligne.
Ajouter vos Mémos