Heim >Web-Frontend >HTML-Tutorial >So machen Sie Textfelder wie Formulareingaben in der HTML_HTML/Xhtml_Web-Seitenproduktion schreibgeschützt und nicht bearbeitbar

So machen Sie Textfelder wie Formulareingaben in der HTML_HTML/Xhtml_Web-Seitenproduktion schreibgeschützt und nicht bearbeitbar

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOriginal
2016-05-16 16:41:002061Durchsuche

Manchmal möchten wir, dass das Textfeld im Formular schreibgeschützt ist, damit der Benutzer die darin enthaltenen Informationen nicht ändern kann. Im Inhalt von kann beispielsweise das Wort „China“ nicht geändert werden. Zusammenfassend sind die Implementierungsmethoden wie folgt.

Methode 1: onfocus=this.blur() Fokus verlassen, wenn die Maus nicht platziert werden kann


Methode 2: schreibgeschützt



Methode 3: deaktiviert


Vollständiges Beispiel:



disabled="true " Der Text wird grau und kann nicht bearbeitet werden.
readOnly="true"Der Text ändert seine Farbe nicht und kann nicht bearbeitet werden

CSS-Abschirmungseingabe:

Da Es gibt zwei. Die erste Methode: Disabled="disabled" ist so definiert, dass das deaktivierte Eingabeelement weder verfügbar noch anklickbar ist. Zweitens: readonly="readonly" schreibgeschützte Felder können nicht geändert werden. Benutzer können jedoch weiterhin die Tabulatortaste verwenden, um zum Feld zu wechseln und seinen Text auszuwählen oder zu kopieren.

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn