HTML-Textfeld (Text) ist nicht in mehreren Möglichkeiten verfügbar, um schreibgeschützt zu erreichen

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

Implementierung des Whack-a-Mole-Spiels in JavaScript

In diesem Artikel finden Sie den spezifischen Cod...

Docker-Pull-Image und Tag-Vorgang Pull | Tag

Ich habe den Quellcode des Fabric-Projekts noch e...

Unterschied und Implementierung von JavaScript Anti-Shake und Throttling

Inhaltsverzeichnis 1. Anti-Shake 2. Drosselung 3....

Linux verwendet iftop, um den Netzwerkkartenverkehr in Echtzeit zu überwachen

Linux verwendet iftop, um den Verkehr der Netzwer...

So verpacken Sie das Uniapp-Projekt als Desktop-Anwendung

Electron installieren cnpm installiere Electron -...

So erstellen Sie eine Baidu-Totlink-Datei

Baidu definiert zwei Arten von toten Linkformaten:...

So stellen Sie die MySQL5.7-Kodierung auf utf8mb4 ein

Ich bin vor kurzem auf ein Problem gestoßen. Die ...

Installationsprozess des mysql5.6.8-Quellcodes

Kernel: [root@opop ~]# cat /etc/centos-release Ce...