une zone de texte se comporte comme les autres éléments (<input>
avec type
text
ou password
), au lieu d'avoir un attribut de valeur, la valeur se situe entre les <textarea>
et </textarea>
tags.
L'accès et la modification du contenu du champ de texte ne font pas de différence. Le code ci-dessous affiche une zone de texte et une zone de saisie. La même fonction est utilisée pour accéder aux valeurs et les modifier. Si la valeur est égale à "exemple de texte" lors de la saisie de l'entrée, le texte est effacé. Si la zone de texte/saisie est vide en la quittant, un "exemple de texte" y sera ajouté.
<textarea id="field1">example text</textarea>
<input id="field2" value="example text">
<script>
function addEvents(id) {
var field = document.getElementById(id);
field.onfocus = function() {
if (this.value == "example text") {
this.value = "";
}
};
field.onblur = function() {
if (this.value == "") {
this.value = "example text";
}
};
}
addEvents("field1");
addEvents("field2");
</script>
merci mais qu'en est-onblur? – user780483
Vous pouvez appeler cette fonction de la même façon avec n'importe quel autre événement comme onBlur, onClick etc. –