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

Das Vue-Projekt implementiert eine Fortschrittsbalkenfunktion für den Dateidownload

Im täglichen Geschäftsleben gibt es zwei gängige ...

So füllen Sie Elemente in Spalten im CSS-Rasterlayout

Angenommen, wir haben n Elemente und müssen diese...

Verwendung des Linux-Dateibefehls

1. Befehlseinführung Der Dateibefehl wird verwend...

Detaillierte Erklärung generischer Fälle in TypeScript

Definition von Generika // Anforderung 1: Generik...

Design Association: Warum haben Sie am falschen Ort gesucht?

Ich bin vor ein paar Tagen mit dem Bus zur Arbeit...

Detaillierte Erläuterung der Wissenspunkte der Linux-DMA-Schnittstelle

1. Zwei Arten der DMA-Zuordnung 1.1. Konsistente ...

CSS-Schreibformat, detaillierte Erklärung der Grundstruktur einer mobilen Seite

1. CSS-Schreibformat 1. Inline-Stile Sie können C...

MySQL 8.0.11 Installations-Tutorial unter Windows

Dieser Artikel zeichnet das Installationstutorial...

Lösung für mehrere Docker-Container, die nicht die gleiche Portnummer haben

Hintergrund In Docker werden vier Container mit d...

Detaillierte Erklärung der Vue-Anmeldung und -Abmeldung

Inhaltsverzeichnis Login-Geschäftsprozess Impleme...

So kompilieren und installieren Sie OpenCV unter Ubuntu

Einfache Installation von opencv2: conda installi...

Lösung für das Problem der MySQL-Transaktionsparallelität

Ich bin während der Entwicklung auf ein solches P...

Der Unterschied zwischen Datenzeit und Zeitstempel in MySQL

In MySQL gibt es drei Datumstypen: Datum (Jahr-Mo...