Heim  >  Artikel  >  Web-Frontend  >  So machen Sie HTML-Eingaben nicht bearbeitbar

So machen Sie HTML-Eingaben nicht bearbeitbar

藏色散人
藏色散人Original
2021-06-03 10:38:585608Durchsuche

So stellen Sie die HTML-Eingabe so ein, dass sie nicht bearbeitet werden kann: 1. Verwenden Sie das Attribut „disabled“, um das Eingabeelement zu deaktivieren. 2. Verwenden Sie das Attribut „readonly“, um das Eingabefeld schreibgeschützt und kopierbar zu machen. 3. Verwenden Sie „readonly unsselectable="on". „“, um Nichtbearbeitbarkeit zu erreichen.

So machen Sie HTML-Eingaben nicht bearbeitbar

Die Betriebsumgebung dieses Artikels: Windows 7-System, HTML5-Version, Dell G3-Computer.

3 Möglichkeiten, das Eingabetextfeld nicht bearbeitbar zu machen

Heute habe ich drei Methoden ausprobiert, um das Eingabetextfeld nicht bearbeitbar zu machen:

  • Das Attribut „disabled“ legt fest, dass das Eingabeelement sein sollte deaktiviert, und das deaktivierte Eingabeelement kann nicht bearbeitet, kopiert oder ausgewählt werden, kann den Fokus nicht erhalten und der Wert wird nicht im Hintergrund empfangen. Nach der Einstellung wird die Farbe des Textes grau. Das Attribut „disabled“ kann nicht mit verwendet werden.

Beispiel: Das Attribut

  • readonly gibt an, dass das Eingabefeld schreibgeschützt und kopierbar ist. Der Benutzer kann jedoch dazu die Tabulatortaste verwenden Wechseln Sie zum Feld, um den Fokus zu erhalten, und wählen Sie den Text aus oder kopieren Sie ihn. Der übergebene Wert wird im Hintergrund empfangen. Das schreibgeschützte Attribut verhindert, dass Benutzer den Wert ändern.

readonly-Attribut kann mit verwendet werden;

Beispiel:

  • readonly unselectable="on" Dieses Attribut ähnelt dem Deaktivieren. Das Eingabeelement kann nicht bearbeitet, kopiert, ausgewählt und nicht empfangen werden focus wird die Farbe des Textes nach der Einstellung ebenfalls grau, der übergebene Wert kann jedoch im Hintergrund empfangen werden. Beispiel: (Ich bin noch ein Anfänger, bitte korrigieren Sie mich, wenn ich etwas falsch schreibe!)

【Empfohlenes Lernen: HTML-Video-Tutorial

Das obige ist der detaillierte Inhalt vonSo machen Sie HTML-Eingaben nicht bearbeitbar. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

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