| maison  | Hardware  | réseaux  | programmation  | Logiciel  | Dépannage  | systèmes |  
programmation  
  • C /C + + Programming

  • Computer Programming Languages

  • Delphi Programming

  • Programmation Java

  • Programmation JavaScript

  • PHP /MySQL Programmation

  • programmation Perl

  • Programmation Python

  • Ruby Programming

  • Visual Basics programmation
  •  
    Connaissances Informatiques >> programmation >> Programmation JavaScript >> Content
    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

    changeText () {var headingObject = document.getElementById (' myHeading '); var textboxObject = document.getElementById (' MyTextBox '); var Originaltext = textboxObject.value ; textboxObject.value = " Bonjour " + Originaltext ; headingObject.innerHTML = texte "a changé de -> Bonjour "+ Originaltext ; }

    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.

    Previous :

    next :
      articles connexes
    ·Comment calculer un total mobile en Javascript 
    ·Comment faire pour rediriger les utilisateurs mobiles 
    ·Comment changer Div texte en gras en JavaScript 
    ·Comment faire pour exécuter une horloge sur une page W…
    ·Comment remplacer IgnoreCase 
    ·Comment faire pour supprimer un sous-domaine en JavaScr…
    ·Littéraux de chaîne en JavaScript Encoding 
    ·JavaScript cible iFrame document Tutorial 
    ·Comment faire pour créer Google Maps application 
    ·Comment faire clignoter du texte avec JavaScript 
      articles en vedette
    ·Comment convertir les chaînes de caractères en valeur…
    ·Comment faire une randonnée à vélo Bannière JavaScr…
    ·Comment faire pour démarrer l'interpréteur Python 
    ·Comment convertir une liste à un DataTable 
    ·Comment faire pour utiliser un sous-programme en Visual…
    ·Comment utiliser l' inscription et de Split Fonctions d…
    ·Comment animer Walking in Flash 
    ·Java SubString Fonction 
    ·Comment ignorer les lignes de commentaires en C + + 
    ·Comment mettre à jour le serveur MySQL 
    Copyright © Connaissances Informatiques http://fr.wingwit.com