Heim  >  Artikel  >  Web-Frontend  >  So stellen Sie ein Textfeld in CSS auf schreibgeschützt ein

So stellen Sie ein Textfeld in CSS auf schreibgeschützt ein

王林
王林Original
2021-06-08 16:15:195369Durchsuche

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.

So stellen Sie ein Textfeld in CSS auf schreibgeschützt ein

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:

So stellen Sie ein Textfeld in CSS auf schreibgeschützt ein

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!

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