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
Verwendung und Szenarioanalyse des npx-Befehls in Node.js
Tutorial zur Verwendung von NPX Heute Abend, als ...
MySQL 8.0.12 – Schnellinstallations-Tutorial
Die Installation von MySQL 8.0.12 dauerte zwei Ta...
Beispiel für die Verwendung von Dockerfile zum Erstellen eines Nginx-Images
Einführung in Dockerfile Docker kann automatisch ...
Vue: Wertübertragung zwischen Vater und Sohn, Wertübertragung zwischen Bruder und Kind, detaillierte Erläuterung
Inhaltsverzeichnis 1. Die übergeordnete Komponent...
Detaillierte Erklärung der Concat-bezogenen Funktionen in MySQL
1. concat()-Funktion Funktion: Mehrere Zeichenfol...
So ändern Sie die Standardübermittlungsmethode des Formulars
Die Standard-Übermittlungsmethode von HTML ist get...
Design-Sharing der Download-Seite des Pengyou.com-Mobilclients (Bild und Text)
Schauen wir uns zunächst einige einfache Daten an:...
Angular Cookie Lese- und Schreibvorgangscode
Lese- und Schreibvorgänge bei Angular Cookies, de...
Gemeinsame Eigenschaften des Framesets (Unterteilung von Frames und Fenstern)
Ein Frame ist ein Webseitenbildschirm, der in mehr...
Detaillierte Erklärung der Funktionen IFNULL() und COALESCE() zum Ersetzen von Null in MySQL
Die Funktion isnull() kann nicht als Ersatz für N...
Implementierungsprozess des Lupeneffekts im Javascript-Beispielprojekt
Inhaltsverzeichnis Vorwort Fall: Nachahmung des L...
Verwenden Sie CSS3, um einen Fortschrittsbalkeneffekt zu erzielen und dynamisch Prozentsätze hinzuzufügen
Während des Projekts habe ich begonnen, die js re...
Detaillierte Erläuterung zum Einrichten des Ressourcencaches in Nginx
Ich wollte schon immer etwas über Caching lernen....
Detaillierte Erklärung der Ansichten in MySQL
Sicht: Ansichten in MySQL haben viele Ähnlichkeit...
Eine kurze Zusammenfassung zum Schreiben von Pfaden, wenn HTML-Dateien externe CSS-Dateien einführen
1. Importieren Sie den grundlegenden Stil externe...