Nur Textbox in HTML anzeigen

HyperText Markup Language, oder HTML-Code wird verwendet, um Objekte wie Bilder und Tabellen in eine Webseite einbetten. Mit HTML können Sie schreibgeschützt oder nur Display-Textfelder zu Ihrer Website hinzufügen. Schreibgeschützte Textfelder sind am nützlichsten, wenn in Kombination mit JavaScript verwendet, um ein interaktives Formular zu erstellen.

Grundlagen

Sie können zwei Arten von Textfeldern in HTML erstellen: Textbereiche oder Textfelder. Textfelder erlauben eine einzige Codezeile Eingang, während Textbereiche unbegrenzte Zeilen der Eingabe zulassen können. Textfelder werden am häufigsten verwendet, erhalten Benutzerdaten, z. B. Anmeldeinformationen, während Textbereiche für Besucherkommentare am häufigsten verwendet werden. Sie können Textbereiche in einer Seite mit dem folgenden Code einfügen:

< Textarea >< / Textarea >

Sie können Textfelder in einer Seite mit dem folgenden Code einfügen:

< Stil Eingang = "Text" >

Attribute

Das Attribut "Readonly" können Sie verhindern, dass Benutzer einfügen, entfernen oder ändern den Text in der Textbox. Benutzer können kopieren oder markieren Sie den Text, aber sie können es nicht ändern. "Readonly" können Sie mit Textfeldern und Textbereiche. Um eine schreibgeschützte Textbox in HTML zu machen, verwenden Sie den folgenden Code:

< Textarea Readonly = "Readonly" >

oder

< Stil Eingang = "Text" Readonly = "true" >

oder

< Eingang Stil "Text" Readonly = >

JavaScript

Sie können JavaScript verwenden, um "Readonly" zu deaktivieren, wenn der Besucher eine bestimmte Gruppe von Kriterien erfüllt. Beispielsweise können auf eine Anmeldeseite Sie das Text-Feld "E-mail" entsperren wenn der Leser das Feld für die Option sucht "Ich stimme den allgemeinen Geschäftsbedingungen Dienstleistungen." Es könnte ein Beispielcode:

< Head >< Skriptsprache = "JavaScript" >Function Funktionsname(){Var x=document.getElementById("IDName").removeAttribute("readonly");Alert ("Sie können jetzt Ihre Emailadresse eingeben.");}< / script >< / head >Anmeldung: < Eingabe-Id = "IDName" Type = "Text" Name = "e-Mail" Value = "E-mail-Adresse eingeben" Readonly = "true" >< Eingang Typ = "Checkbox" onclick="functionName();" > Ich stimme den allgemeinen Geschäftsbedingungen Dienstleistungen.

Ändern Sie "Funktionsname" und "IDName" um den Code zu personalisieren. Wenn Sie die Funktion oder die Element-ID im JavaScript-Code umbenennen, müssen Sie diese Änderungen in den zugehörigen HTML-Elemente spiegeln.

Formatierung

Sie können eine schreibgeschützte Textbox in Ihre Seite zu informativen Details hinzufügen einbetten. Sie können Text-Text-Felder mit dem Attribut "Wert" hinzufügen wie folgt:

< Eingang Typ = "Text" Value = "Pre-Existing Text hier einfügen" >

Wenn Sie Textbereiche verwenden, legen Sie den gewünschten Text zwischen den "< Textarea >" und "< / Textarea >" Markierungen. Es wird auch empfohlen, dass Sie die Attribute "Spalten" und "Zeilen" verwenden, um die Maße der Textbox definieren. "Cols" bezieht sich auf Spalten, die bestimmt die Anzahl der Zeichen, die über eine Zeile erstrecken kann. "Zeilen" bestimmt, wie viele Zeilen der Textbereich hat. Dieser Code erstellt z. B. ein Textbox, die 30 Zeichen lang ist, und vier Linien in der Höhe.

< Textarea Cols = "30" Zeilen "4" = >Text hier einfügen.< / Textarea >