Heim > Web-Frontend > CSS-Tutorial > Hauptteil

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

藏色散人
Freigeben: 2023-01-03 09:26:40
Original
5274 Leute haben es durchsucht

So legen Sie die Nicht-Bearbeitbarkeit in CSS fest: 1. Verwenden Sie das readonly-Attribut, um anzugeben, dass das Eingabefeld schreibgeschützt und nicht bearbeitbar ist. 2. Verwenden Sie das Attribut „disabled“, um das Eingabeelement zu deaktivieren, sodass es nicht bearbeitet werden kann.

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

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

css-Einstellung kann nicht bearbeitet werden:

1. CSS gibt an, dass das Eingabefeld über das readonly-Attribut schreibgeschützt ist und nicht bearbeitet werden kann:

<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="readonly" /></p>
  
  <input type="submit" value="Submit" />
</form>
<p>请在提交按钮上单击,输入会发送到服务器上名为 "form_action.asp" 的页面。</p>
</body>
</html>
Nach dem Login kopieren

Rendering:

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

[Empfohlenes Lernen: css-Video Tutorial]

2. Das Attribut „disabled“ legt fest, dass das Eingabeelement deaktiviert werden soll, um es nicht bearbeitbar zu machen .

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 So stellen Sie CSS so ein, dass es nicht bearbeitet werden kann

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 stellen Sie CSS so ein, dass es nicht bearbeitet werden kann. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
css
Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage