Comment faire pour changer l'entrée texte avec JavaScript
Beaucoup de développeurs Web utilisent JavaScript pour modifier la saisie d'un utilisateur après il tape dans une boîte de texte. Par exemple, vous pouvez utiliser JavaScript pour supprimer des mots désagréables à partir d'un poste de l'utilisateur du forum. Vous pouvez également afficher un message personnel à un visiteur du site après elle entre son nom sur les formulaires d'inscription . Après avoir appris quelques commandes JavaScript , vous pouvez manipuler le texte d'entrée et le formater en fonction de vos besoins. Ces commandes sont génériques et fonctionnent dans tous les navigateurs . Choses que vous devez HTML Editor ou Notepad Afficher plus Instructions 1
Créer un nouveau document HTML. 2
Ajouter ce code à la section de corps du document:
id="myTextbox" ;
Cela crée une rubrique vide et un élément de zone de texte. Vous entrez un nom dans la zone de texte . IDs sont facultatives, mais vous devez les utiliser si vous envisagez de manipuler le contenu d'un élément HTML en utilisant JavaScript 3
Ajouter cet élément de bouton ci-dessous le texte de la déclaration boîte : . < p>
Lorsque vous cliquez sur le bouton , JavaScript va changer le texte que vous avez entré et d'afficher le nouveau texte dans la boîte de texte du titre et 4
Ajouter cette fonction JavaScript pour la section de script du document: . fonction
la commande" document.getElementById " récupère un élément HTML et le rend disponible à JavaScript. Dans cet exemple , les deux commandes " document.getElementById récupérer l' élément de titre ( myHeading ) et l'élément de zone de texte ( MyTextBox ) . L' fonction obtient alors le texte de la zone de texte et ajoute:« Bonjour »à la chaîne . Enfin, le " innerHTML " propriétés de l'en-tête et les éléments de la boîte de texte sont modifiés. 5
Ouvrez le document dans un navigateur , saisissez un nom dans la zone de texte et cliquez sur le bouton . la fonction javascript va ajouter " Bonjour " au nom et à mettre à jour le contenu de ces deux éléments HTML.