Heim >Web-Frontend >Front-End-Fragen und Antworten >So legen Sie den Schreibschutz in HTML fest
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.
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:
【Empfohlenes Lernen:
HTML-Video-TutorialDas 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!