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

So installieren und konfigurieren Sie einen FTP-Server in CentOS8.0

Nach der Veröffentlichung von CentOS8.0-1905 habe...

Installations-Tutorial zur dekomprimierten Version von MySQL5.7.21 unter Win10

Installieren Sie die entpackte Version von Mysql ...

Nginx-Konfiguration zum Erreichen eines Lastenausgleichs auf mehreren Servern

Nginx-Lastausgleichsserver: IP: 192.168.0.4 (Ngin...

So konvertieren Sie eine Zeichenfolge in JavaScript in eine Zahl

Inhaltsverzeichnis 1.parseInt(Zeichenfolge, Basis...

Unabhängige Implementierung der Nginx-Containerkonfigurationsdatei

Erstellen eines Containers [root@server1 ~]# dock...

Erklären Sie kurz die Verwendung von „group by“ in SQL-Anweisungen

1. Übersicht Gruppieren nach bedeutet, Daten nach...

Unterschied zwischen MySQL-Update-Set und und

Inhaltsverzeichnis Problembeschreibung Ursachenan...

SQL-basierte Abfrageanweisungen

Inhaltsverzeichnis 1. Einfache SELECT-Anweisung 1...

Vue implementiert scrollbaren Popup-Fenstereffekt

In diesem Artikel wird der spezifische Code von V...

Vue implementiert einen Login-Verifizierungscode

In diesem Artikelbeispiel wird der spezifische Co...

Textmodus im IE! Einführung in die Rolle von DOCTYPE

Nachdem das im vorherigen Artikel besprochene Prob...