So machen Sie Formulareingaben und andere Textfelder in HTML schreibgeschützt und nicht bearbeitbar
|
Manchmal möchten wir, dass die Textfelder im Formular schreibgeschützt sind, sodass Benutzer die darin enthaltenen Informationen nicht ändern können. Beispielsweise kann der Inhalt von <input type="text" name="input1" value="中国"> so festgelegt werden, dass das Wort "中国" nicht geändert werden kann. Zusammenfassend lässt sich sagen, dass es mehrere Möglichkeiten zur Implementierung gibt. Methode 1: onfocus=this.blur() verliert den Fokus, wenn die Maus nicht platziert werden kann <input type="text" name="input1" value="Englisch" onfocus=this.blur()> Methode 2: schreibgeschützt <Eingabetyp="Text" Name="Eingabe1" Wert="Englisch" schreibgeschützt> <Eingabetyp="Text" Name="Eingabe1" Wert="Standard" schreibgeschützt="true"> Methode 3: deaktiviert <Eingabetyp="Text" Name="Eingabe1" Wert="Deutsch" deaktiviert="true"> Vollständiges Beispiel: <input name="ly_qq" type="text" tabindex="2" onMouseOver="this.className='input_1'" onMouseOut="this.className='input_2'" value="123456789" disabled="true" readOnly="true" /> disabled="true" Wenn diese Option aktiviert ist, wird der Text grau und kann nicht bearbeitet werden. readOnly="true" Text ändert seine Farbe nicht und ist nicht editierbar CSS-Abschirmungseingabe: <input style="ime-mode: disabled"> Es gibt zwei Methoden: Erstens: disabled="disabled". Nach dieser Definition ist das deaktivierte Eingabeelement weder verfügbar noch anklickbar. Zweitens: readonly="readonly" schreibgeschützte Felder können nicht geändert werden. Benutzer können jedoch weiterhin mit der Tabulatortaste zum Feld wechseln und dessen Text auswählen oder kopieren. |
<<: TortoiseSvn Little Turtle Installation Neuestes ausführliches Grafik-Tutorial
>>: Designtheorie: Hierarchie im Design
Artikel empfehlen
Ein- und Ausblenden von HTML-Elementen durch Anzeige oder Sichtbarkeit
Manchmal müssen wir steuern, ob HTML-Elemente auf ...
Implementierung einer einfachen Login-Seite für das WeChat-Applet (mit Quellcode)
Inhaltsverzeichnis 1. Bild oben 2. Benutzer exist...
Zusammenfassung der Überwachung von Tastaturereignissen durch Vue
Wichtige Modifikatoren Wenn wir auf Tastaturereig...
Nach dem Absenden des Formulars zu einer anderen Datei wechseln
<br />Frage: Wie schreibe ich in HTML, um zu...
Lösung für die Lücke zwischen Divs
Wenn Sie HTML-Div-Blöcke verwenden und die Mitte ...
js zur Realisierung von Login- und Registrierungsfunktionen
In diesem Artikelbeispiel wird der spezifische Co...
Beispiel für das Herunterladen von Dateien mit vue+django
Inhaltsverzeichnis 1. Übersicht 2. Django-Projekt...
Detaillierte Untersuchung von vue2.x - Erklärung der h-Funktion
Inhaltsverzeichnis Lösung, Zusammenfassen: Vue-Pr...
Analysieren Sie das Problem der automatischen Erkennung und Lese-/Schreibüberwachung von Zabbix 5.0-Festplatten
Datenträger automatisch erkennen Konfigurationssc...
Lösung für die leere Seite nach einem vue.js-gepackten Projekt
Ich glaube, dass viele Partner, die gerade erst m...
Ausführliche Erläuterung der verschiedenen Methoden sowie der Vor- und Nachteile der JavaScript-Vererbung
Inhaltsverzeichnis 1. Vererbung der Prototypkette...
Analyse des Ereignisschleifenmechanismus von JavaScript
Inhaltsverzeichnis Vorwort: 1. Gründe für die Ere...
Einführung in die Rolle des HTML-Doctypes
Der Dokumentmodus verfügt über die folgenden zwei ...
Detaillierte Einführung in Robots.txt
Grundlegende Einführung in robots.txt Robots.txt i...
Zusammenfassung der Probleme bei der Installation von MySQL 5.7.19 unter Linux
Als ich MySQL zum ersten Mal auf meiner virtuelle...