Heim  >  Artikel  >  Web-Frontend  >  So machen Sie das CSS-Eingabefeld nicht bearbeitbar

So machen Sie das CSS-Eingabefeld nicht bearbeitbar

藏色散人
藏色散人Original
2021-04-19 09:24:334997Durchsuche

So stellen Sie das CSS-Eingabefeld so ein, dass es nicht bearbeitet werden kann: 1. Fügen Sie dem Eingabe-Tag das Attribut „disabled“ hinzu. 2. Fügen Sie dem Eingabe-Tag das Attribut „readonly“ hinzu .

So machen Sie das CSS-Eingabefeld nicht bearbeitbar

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

3 Möglichkeiten, das Eingabefeld nicht bearbeitbar zu machen

1. Fügen Sie das deaktivierte Attribut zum Eingabe-Tag hinzu. Das deaktivierte Attribut legt fest, dass das Eingabeelement nicht bearbeitet, kopiert, ausgewählt oder deaktiviert werden kann Wenn der Fokus erhalten wurde, erhält der Hintergrund den übergebenen Wert nicht. Nach der Einstellung wird die Farbe des Textes grau. Das Attribut „disabled“ kann nicht mit 10a0c4c6fe334f1dd2642c4aa224944a verwendet werden.

Beispiel:

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

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 23efcc05e98690ceeb219581933e4231 verwendet werden.

Beispiel:

<input type="text" readonly="readonly">

3. Fügen Sie readonly unselectable="on"

readonly unselectable="on" zum Eingabe-Tag hinzu. Das Eingabeelement kann nicht bearbeitet, kopiert oder ausgewählt werden , und ist gesetzt. Die Farbe des Textes wird ebenfalls grau, der übergebene Wert kann jedoch im Hintergrund empfangen werden.

Beispiel:

<input type="text"  readonly  unselectable="on" >

[Empfohlenes Lernen:

CSS-Video-Tutorial

]

Das obige ist der detaillierte Inhalt vonSo machen Sie das CSS-Eingabefeld 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