So stellen Sie das Eingabefeld in CSS so ein, dass es nicht bearbeitet werden kann

So stellen Sie das Eingabefeld in CSS so ein, dass es nicht bearbeitet werden kann: Erstellen Sie dann ein Eingabe-Tag und fügen Sie dann den CSS-Stil „pointer-events: none;“ hinzu.

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

CSS macht die Eingabe nicht bearbeitbar.

Zeigerereignisse im CSS-Stil hinzufügen: none; Element Wird niemals ausgelöst. Wenn ein Nachkomme eines Elements explizit das Attribut pointer-events angibt und zulässt, dass es das Ziel von Mausereignissen ist, werden alle Ereignisse, die auf dieses Element verweisen, während der Ereignisweitergabe durch das übergeordnete Element weitergegeben und lösen die darauf befindlichen Ereignis-Listener auf die entsprechende Weise aus. . Natürlich wird die Mausaktivität auf dem Bildschirm, die sich auf dem übergeordneten Element, aber nicht auf dem untergeordneten Element befindet, nicht vom übergeordneten Element und dem untergeordneten Element erfasst (sie verläuft durch das übergeordnete Element und zeigt auf das darunter liegende Element).

Eingabe in HTML nicht bearbeitbar machen

1. Fügen Sie das Attribut „Disabled“ zum Eingabe-Tag hinzu Der Hintergrund kann nicht Der übergebene Wert wird empfangen. Nach der Einstellung wird die Farbe des Textes grau. Das Attribut „disabled“ kann nicht mit verwendet werden.

Beispiel:

input{
    pointer-events: none;
}

2. Fügen Sie dem Eingabe-Tag das readonly-Attribut hinzu. Das readonly-Attribut legt fest, dass das Eingabefeld schreibgeschützt und kopierbar ist. Der Benutzer kann jedoch mit der Tabulatortaste zum Feld wechseln und auswählen Markieren Sie es, erhalten Sie den Fokus und wählen Sie es aus oder kopieren Sie seinen Text. Der übergebene Wert wird im Hintergrund empfangen. Das schreibgeschützte Attribut verhindert, dass Benutzer den Wert ändern. Das Attribut „readonly“ kann mit verwendet werden.

Beispiel:

<input type="text" disabled="disabled" />

Empfohlen: „

CSS-Video-Tutorial

“

Das obige ist der detaillierte Inhalt vonSo stellen Sie das Eingabefeld in CSS so ein, dass es nicht bearbeitet werden kann. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!