Heim > Web-Frontend > Front-End-Fragen und Antworten > So deaktivieren Sie die Eingabe in HTML/CSS

So deaktivieren Sie die Eingabe in HTML/CSS

青灯夜游
Freigeben: 2023-01-05 16:12:21
Original
6771 Leute haben es durchsucht

Methoden zum Deaktivieren der Eingabe: 1. Fügen Sie die Anweisung „readonly="readonly" zur Eingabe hinzu. 2. Fügen Sie die Anweisung „disabled="disabled"" zur Eingabe hinzu. Setzen Sie die maximale Eingabelänge auf 0.

So deaktivieren Sie die Eingabe in HTML/CSS

Die Betriebsumgebung dieses Tutorials: Windows7-System, CSS3- und HTML5-Version, Dell G3-Computer.

Eingabemethode zum Verbieten der Eingabe

1: schreibgeschütztes Attribut

readonly gibt an, dass das Eingabefeld schreibgeschützt und kopierbar ist. Der Benutzer kann jedoch mit der Tabulatortaste zum auswählbaren Feld wechseln und kann den Fokus erhalten. Sie können auch den Text auswählen oder kopieren.

<input type="text" value="哈哈哈" readonly="readonly">
Nach dem Login kopieren

2: deaktiviertes Attribut

disabled deaktivierte Eingabeelemente können kopiert werden und erhalten keinen Fokus. Nach dem Setzen wird die Farbe des Textes grau. Kann nicht mit verwendet werden.

<input type="text" value="哈哈哈" disabled="disabled">
Nach dem Login kopieren

3: Das Attribut „maxlength“

erreicht den Effekt, Eingaben zu verbieten, indem die maximale Länge der Eingabe auf 0 gesteuert wird.

<input type="text" maxlength="0">
Nach dem Login kopieren

Weitere Programmierkenntnisse finden Sie unter: Programmiervideo! !

Das obige ist der detaillierte Inhalt vonSo deaktivieren Sie die Eingabe in HTML/CSS. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage