Eingabe von Text in HTML deaktivieren

Besucher der Website keine Daten auf einer Webseite eingeben zu verhindern ist manchmal genauso wichtig wie geben ihnen die Möglichkeit, dies zu tun. Webseiten bestehen aus HTML-Elemente wie Textfelder oder Textbereiche. Wenn Benutzer Daten in diesen Steuerelementen eingeben, kann der Browser eine Vielzahl von Aufgaben, einschließlich Validierung der Daten und speichern Sie es in einer Datenbank durchführen. Jedoch können Situationen auftreten, wo Benutzer nicht Behörde ein HTML-Element aktualisieren verfügen. Verhindern Sie, dass jemand eingeben von Text in jedes Steuerelement durch Deaktivieren des Steuerelements.

Anweisungen

1 Öffnen Sie den Editor, und erstellen Sie ein leeres Dokument.

2 Fügen Sie den folgenden Text in das Dokument ein:

<! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional / / EN" "als http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >

< html Xmlns = "als http://www.w3.org/1999/xhtml" >

< Head >

< Title > deaktivieren Text Input Test < / title >

< Skriptsprache = "Javascript" Type = "Text/Javascript" >

< / script >

< / head >

< Körper >

< Eingabe-Id = "textBox1" Type = "Text" / >

< Eingabe-Id = "BtnDisable" Type = "Button" Value = "Text deaktivieren" Onclick = "return disableText()" / >

< / body >

< / html >

Dies erstellt ein Textfeld und eine Schaltfläche.

3 Fügen Sie diesen Code unter den ersten "< Script >"-Tag:

Funktion disableText() {}

var currentObject = document.getElementById("textBox1");

currentObject.disabled = "disabled";

alert("Text Disabled");

}

Dadurch entsteht eine JavaScript-Funktion, die die "deaktiviert" Eigenschaftenmengen des Textfeld-Steuerelements auf "deaktiviert". Klickt ein Benutzer auf die Schaltfläche, die Schaltfläche Diese Funktion aufgerufen. Verwenden Sie den Befehl "document.getElementById" Seitenelemente wie "textBox1" in einer JavaScript-Funktion zur Verfügung. Zum Beispiel, wenn Ihre Seite ein anderes Textfeld mit dem Namen "textBox2" enthalten, erhalten einen Verweis darauf Sie durch Eingabe dieser Anweisung:

Var currentObject2 = document.getElementById("textBox2");

4 Drücken Sie "Strg" + "S." Editor öffnet das Fenster "Speichern unter". Geben Sie im Textfeld "Dateiname" "abc.html". Klicken Sie auf "Speichern". Editor wird die Datei als HTML-Dokument speichern.

5 Öffnen Sie Windows_explorer. Suchen Sie die Datei, und doppelklicken Sie darauf. Ihr Browser wird geöffnet. Geben Sie Text in das Textfeld ein. Klicken Sie auf. Der Browser wird das Textfeld zu deaktivieren und verhindern, dass Sie Text eingeben.

Tipps & Warnungen

• Name HTML Dateien alles, was Sie mögen. Stellen Sie sicher, dass geben Sie der Datei die Erweiterung ".html" oder ".htm".
• Um ein Steuerelement erneut zu aktivieren, ändern Sie seine Eigenschaft "deaktiviert" auf "aktiviert."
• Mithilfe des Befehls "document.getElementById" ist ein wichtiger JavaScript-Befehl zu lernen (siehe Ressourcen). Viele Web-Entwicklung-Techniken verwenden Sie diesen Befehl Webseiten Funktionalität hinzu.