Heim > Artikel > Web-Frontend > So stellen Sie ein Textfeld in CSS auf schreibgeschützt ein
Die Möglichkeit, das Textfeld in CSS als schreibgeschützt festzulegen, besteht darin, das schreibgeschützte Attribut zum Eingabetextfeld hinzuzufügen. Das readonly-Attribut ist ein boolesches Attribut, das angibt, dass das Eingabefeld schreibgeschützt ist.
Die Betriebsumgebung dieses Artikels: Windows 10-System, CSS 3, Thinkpad T480-Computer.
Das readonly-Attribut ist ein boolesches Attribut in HTML, das verwendet wird, um anzugeben, dass das Eingabefeld schreibgeschützt ist.
Wir wissen, dass schreibgeschützte Felder nicht geändert werden können, Benutzer können jedoch weiterhin die Tabulatortaste verwenden, um zum Feld zu wechseln und seinen Text auszuwählen oder zu 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.
Hinweis: Alle gängigen Browser unterstützen das schreibgeschützte Attribut.
Beispiel:
HTML-Formular mit schreibgeschützten Eingabefeldern.
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <form action="demo_form.php"> Email: <input type="text" name="email"><br> Country: <input type="text" name="country" value="Norway" readonly><br> <input type="submit" value="提交"> </form> </body> </html>
Laufergebnisse:
Verwandte Videofreigabe: CSS-Video-Tutorial
Das obige ist der detaillierte Inhalt vonSo stellen Sie ein Textfeld in CSS auf schreibgeschützt ein. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!