Heim > Artikel > Web-Frontend > So legen Sie fest, dass Text in CSS nicht bearbeitet werden kann
So legen Sie fest, dass Text in CSS nicht bearbeitet werden kann
- 藏色散人Original
- 2021-01-11 09:16:552613Durchsuche
So stellen Sie den Text in CSS so ein, dass er nicht bearbeitet werden kann: 1. Stellen Sie den Text mit der Methode „οnfοcus=this.blur()“ so ein, dass er nicht bearbeitet werden kann. 2. Verwenden Sie das Attribut readonly, um das Eingabefeld auf festzulegen schreibgeschützt; 3. Verwenden Sie das deaktivierte Attribut, um das deaktivierte Eingabeelement festzulegen.
Die Betriebsumgebung dieses Tutorials: Windows7-System, HTML5- und CSS3-Version, Dell G3-Computer.
Empfohlen: CSS-Video-Tutorial
So stellen Sie den Text so ein, dass er nicht bearbeitet werden kann
Methode 1: οnfοcus=this.blur() Lassen Sie den Fokus, wenn die Maus nicht platziert werden kann
<input type="text" name="input1" value="（）" onfocus=this.blur()>
Methode 2: Verwenden Sie das Attribut „readonly“
Verwenden Sie das Attribut „readonly“, um anzugeben, dass das Eingabefeld schreibgeschützt und nicht bearbeitbar ist:
<html> <body> <form action="/example/html/form_action.asp" method="get"> <p>Name:<input type="text" name="email" /></p> <p>Country:<input type="text" name="country" value="China" readonly="true" /></p> <input type="submit" value="Submit" /> </form> </body> </html>
Rendering:
Methode 3: Verwenden Sie das Attribut „disabled“
Geben Sie an, dass das Eingabeelement sein soll über das Attribut „disabled“ deaktiviert werden, um es nicht bearbeitbar zu machen Das Attribut „disabled“ gibt an, dass das Eingabeelement deaktiviert werden soll.
Deaktivierte Eingabeelemente sind weder verfügbar noch anklickbar. Das Attribut „disabled“ kann so lange festgelegt werden, bis eine andere Bedingung erfüllt ist (z. B. wenn ein Kontrollkästchen aktiviert ist usw.). Anschließend müssen Sie JavaScript verwenden, um den deaktivierten Wert zu entfernen und den Wert des Eingabeelements auf „verfügbar“ umzustellen.
readonly-Attribut: Das
readonly-Attribut gibt an, dass das Eingabefeld schreibgeschützt ist.
Schreibgeschützte Felder können nicht geändert werden. Benutzer können jedoch weiterhin mit der Tabulatortaste zu dem Feld navigieren und seinen Text auswählen oder kopieren. Das
readonly-Attribut verhindert, dass der Benutzer den Wert ändert, bis bestimmte Bedingungen erfüllt sind (z. B. wenn ein Kontrollkästchen aktiviert ist). Anschließend müssen Sie JavaScript verwenden, um den schreibgeschützten Wert zu entfernen und das Eingabefeld in einen bearbeitbaren Zustand zu versetzen. Das Attribut „readonly“ kann mit verwendet werden.
Das obige ist der detaillierte Inhalt vonSo legen Sie fest, dass Text in CSS nicht bearbeitet werden kann. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!