HTML-Textfeld (Text) ist nicht in mehreren Möglichkeiten verfügbar, um schreibgeschützt zu erreichen
|
Methode 1: <input id= "File1" type= "text" disabled/> Nicht verfügbar Methode 2: <input id= "File1" type= "text" readonly/> Nur lesbar Methode 3: <input id= "File1" type= "text" style="display:none"/> Versteckt (nimmt aber Platz weg) Methode 4: <input id="File1" type="text" style="visibility:hidden"/> versteckt (nimmt keinen Platz weg) 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() Code kopieren Der Code lautet wie folgt:<input type="text" name="input1" value="Englisch" onfocus=this.blur()> Methode 2: schreibgeschützt Code kopieren Der Code lautet wie folgt:<Eingabetyp="Text" Name="Eingabe1" Wert="Englisch" schreibgeschützt> <Eingabetyp="Text" Name="Eingabe1" Wert="Standard" schreibgeschützt="true"> Methode 3: deaktiviert Code kopieren Der Code lautet wie folgt:<Eingabetyp="Text" Name="Eingabe1" Wert="Chinesisch" deaktiviert> |
<<: Einführung in die CSS-Stilklassifizierung (Grundkenntnisse)
>>: Grafische Erklärung des MySQL-Abfragecaches
Artikel empfehlen
So legen Sie einen gepunkteten Rahmen in HTML fest
Verwenden Sie CSS-Stile und HTML-Tag-Elemente Um ...
Lösung für Ubuntu 18.04, das keine Verbindung zum Netzwerk in der virtuellen VMware-Maschine herstellen kann
Die Lösung für das Problem, dass Ubuntu 18.04 in ...
Vue realisiert problemlos Wasserzeicheneffekte
Vorwort: Verwenden Sie den Wasserzeicheneffekt im...
Detaillierte Erklärung der Schlüsselwörter und reservierten Wörter in MySQL 5.7
Vorwort Die Schlüsselwörter von MySQL und Oracle ...
80 Zeilen Code zum Schreiben eines Webpack-Plugins und Veröffentlichen auf npm
1. Einleitung Ich habe vor Kurzem die Prinzipien ...
Installations- und Konfigurationsdetails zur Synchronisierung der MySQL5.6.33-Datenbank Master/Slave (Master/Slave) (Master-Linux Slave-Windows7)
1. Installationsumgebung Hier finden Sie auch ein...
Wie verstecke ich den Text im A-Tag und zeige das Bild an? Kompatibel mit 360-Grad-Rendering
Oftmals werden Sie auf einen <a>-Tag-Stil st...
Detaillierte Erklärung zum virtuellen Javascript-DOM
Inhaltsverzeichnis Was ist virtueller Dom? Warum ...
Vier Möglichkeiten zum Vergleichen von JavaScript-Objekten
Inhaltsverzeichnis Vorwort Referenzvergleich Manu...
Beispielcode zum Erstellen von Desktop-Anwendungen mit Vue + Electron
1.vue-Verpackung Hier verwenden wir den Befehl „v...
Detaillierte Erklärung, wie Sie das automatische Beenden des Docker-Containers verhindern können
Dieser Artikel stellt kurz die Beziehung zwischen...
Detaillierte Erklärung der grundlegenden Verwendung des img-Bild-Tags in HTML/XHTML
Das Bild-Tag wird verwendet, um ein Bild auf eine...
So konfigurieren Sie denselben Domänennamen für das Front- und Backend von Nginx
In diesem Artikel wird hauptsächlich die Methode ...
Detaillierte Erklärung, wo das von Docker abgerufene Image gespeichert ist
20200804Nachtrag: Der Artikel könnte falsch sein....
Detaillierte Erläuterung der Implementierungsmethode für Linux inotify-Echtzeitsicherungen
Die Echtzeitreplikation ist die wichtigste Method...