So ein Eingabefeld Sperren

HTML-Formulare verwenden Eingabefelder aus, um Benutzerdaten zu sammeln. Sie müssen möglicherweise verhindern, dass des Benutzers die Werte für das Eingabefeld bearbeiten aber dennoch anzeigen, um das Layout des Formulars abgeschlossen. Das Eingabefeld "Readonly" oder "Deaktiviert" Attribute können verwendet werden, die Werte vom Benutzer bearbeiten gesperrt.

Anweisungen

1 Öffnen Sie Ihren HTML-Editor. Wenn einen WYSIWYG-Editor verwenden, ändern Sie in der Codeansicht.

2 Geben Sie den Code < Eingang Typ = "Text" Name = "txtName1" Id = "txtName1" Readonly = "Readonly" Value = "My Readonly-Wert" / >. Das Readonly-Attribut kann die = "Readonly" Zeichenfolge enthalten oder leer sein. ReadOnly sperrt das Eingabefeld vom Benutzer bearbeitet und in die Vorlage Formular an den Server enthalten ist.

3 Geben Sie den Code < Eingang Typ = "Text" Name = "TxtName-2" Id = "TxtName-2" deaktiviert = "deaktiviert" Value = "My deaktiviert Wert" / >. Das disabled-Attribut kann die Zeichenfolge = "deaktiviert" oder links leer sind. Behinderte sperrt das Eingabefeld vom bearbeiten und schließt das Feld aus mit dem Formular an den Server gesendet wird.

4 Geben Sie den code

< Skript-Typ = "Text/Javascript" >

Funktion lock(id) {}

id.setAttribute("readonly","readonly");

}

< / script >

< Eingang Typ = "Text" Name = "TxtValue" Id = "TxtValue" Value = "Mein Wert" onblur="lock(this);" / >

Mit Hilfe von JavaScript, kann das Attribut dynamisch hinzugefügt werden klickt der Benutzer vor das Eingabefeld in der eingegebene Wert zu sperren.