So ändern Sie ein Textbox-Wert mit JavaScript
Textfelder sind HTML-Formularelemente, die Benutzer zur Eingabe von Informationen in eine Website zu ermöglichen. Ein Textbox-Element hat eine Norm \"Value\" Attribut ermöglicht der Programmierer, Automobil-füllen Sie das Textfeld mit vorgegebenen Text. Beispielsweise müssen Sie möglicherweise die Textbox Display \"Enter Ihr Vorname hier. \" Benutzer müssen jedoch löschen den Text im Feld manuell, bevor sie ihren Namen eingeben. Mit JavaScript können Sie den Wert der Textbox Änderung machen, klickt ein Benutzer in der Kiste.
Anweisungen
1 Schreiben Sie die folgende JavaScript-Funktion, um den Wert eines Textfelds zu ändern, wenn die Funktion aufgerufen wird. < Br / >< Br / >< Skriptsprache JavaScript = >< Br / ><!--< Br / > Funktion ChangeValue() {< Br / > Wenn (Dokument. MyForm.MyTextbox.value == \"Enter Your First Name\") < Br / > Dokument. MyForm.MyTextbox.value = \ "\" < Br / > gehen < Br / >} < Br / >--> < Br / >< / script >
2 Platzieren Sie diesen Code nach dem < / Head > Tag und vor den < Body >-Tag auf der Seite mit Ihrer Textbox. Die erste Zeile überprüft den Inhalt der Textbox. Wenn der Inhalt der Testzeichenfolge übereinstimmen, dann ist der Wert eine leere Zeichenfolge geändert, aber Sie könnten es einfach in den Text, den Sie mögen, indem Sie den gewünschten Text zwischen den Anführungszeichen in der zweiten Zeile der Funktion eingeben ändern.
3 Erstellen Sie Ihre Form und Textbox. < Br / >< Br / >< Formularname = \ "MyForm\" Aktion = \ "http://www.example.com \ & Quot; Methode = Post >< Br / >< Eingang Typ = \ "Text\" Name = \ "MyTextbox\" onFocus=ChangeValue() Wert = \ "Geben Sie Ihre erste Name\" >< Br / >< / form >< Br / >< Br / > klickt ein Benutzer in das Textfeld, das ChangeValue()-JavaScript ausführen wird, ändern den Wert auf eine leere Zeichenfolge. Diese Form zeigt nur die Textbox, die vom Skript betroffen ist. In einer praktischen Anwendung haben Ihre Form wahrscheinlich andere Felder und eine Absenden-Schaltfläche.