Heim >Web-Frontend >Front-End-Fragen und Antworten >So legen Sie den Schreibschutz in HTML fest

So legen Sie den Schreibschutz in HTML fest

藏色散人
藏色散人Original
2021-04-09 10:27:243066Durchsuche

So legen Sie den Schreibschutz in HTML fest: Erstellen Sie zunächst eine HTML-Beispieldatei. Legen Sie dann das Eingabe-Tag fest und fügen Sie schließlich das schreibgeschützte Attribut hinzu.

So legen Sie den Schreibschutz in HTML fest

Die Betriebsumgebung dieses Artikels: Windows7-System, HTML5- und CSS3-Version, Dell G3-Computer. Das Attribut

readonly 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.

Syntax

<input readonly="value">

Beispiel:


HTML-Formular mit zwei Textfeldern und einer Schaltfläche zum Senden:

<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>

Ausführungseffekt:


So legen Sie den Schreibschutz in HTML fest【Empfohlenes Lernen:

HTML-Video-Tutorial

Das obige ist der detaillierte Inhalt vonSo legen Sie den Schreibschutz in HTML fest. 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
Vorheriger Artikel:Was sind CSS-Eigenschaften?Nächster Artikel:Was sind CSS-Eigenschaften?