Heim Web-Frontend HTML-Tutorial Eine Einführung in die Methode, Textfelder wie Formulareingaben in HTML schreibgeschützt und nicht bearbeitbar zu machen.

Eine Einführung in die Methode, Textfelder wie Formulareingaben in HTML schreibgeschützt und nicht bearbeitbar zu machen.

Mar 10, 2017 pm 01:15 PM

In diesem Artikel wird erläutert, wie Sie Textfelder wie Formulareingaben in HTML schreibgeschützt und nicht bearbeitbar machen.

Manchmal möchten wir, dass die Textfelder im Formular schreibgeschützt sind, damit Benutzer dies nicht tun können Ändern Sie die darin enthaltenen Informationen. Wenn der Inhalt des Eingabetexts verwendet wird, können die chinesischen Zeichen nicht geändert werden. Manchmal möchten wir, dass das Textfeld im Formular schreibgeschützt ist, damit Benutzer die darin enthaltenen Informationen nicht ändern können, z. B. indem sie den Inhalt von <input type="text" name="input1" value="China"> ändern ;, „China „Die beiden Wörter können nicht geändert werden. Zusammenfassend sind die Implementierungsmethoden wie folgt.

Methode 1: onfocus=this.blur() Den Fokus verlassen, wenn die Maus nicht platziert werden kann
<input type="text" name="input1" value="China" onfocus=this. Blur ()>

Methode 2: schreibgeschützt
<input type="text" name="input1" value="China" readonly> = "input1" value="China" readonly="true">

Methode 3: deaktiviert
<input type="text" name="input1" value="China" 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" invalid="true" readOnly="true" />


disabled="true" Dieser Text wird grau und nicht editierbar.
readOnly="true"Der Text ändert seine Farbe nicht und kann nicht bearbeitet werden
CSS-Eingabeabschirmung:
<input style="ime-mode: deaktiviert"&gt ;
Es gibt zwei Methoden: „disabled“ ist so definiert, dass das deaktivierte Eingabeelement weder verfügbar noch anklickbar ist. Zweitens: readonly="readonly" schreibgeschützte Felder können nicht geändert werden. Benutzer können jedoch weiterhin mit der Tabulatortaste zum Feld navigieren und dessen Text auswählen oder kopieren

Das obige ist der detaillierte Inhalt vonEine Einführung in die Methode, Textfelder wie Formulareingaben in HTML schreibgeschützt und nicht bearbeitbar zu machen.. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Heiße Artikel -Tags

Notepad++7.3.1

Notepad++7.3.1

Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version

SublimeText3 chinesische Version

Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1

Senden Sie Studio 13.0.1

Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6

Dreamweaver CS6

Visuelle Webentwicklungstools

SublimeText3 Mac-Version

SublimeText3 Mac-Version

Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

Schwierigkeiten bei der Aktualisierung der Zwischenspeicherung offizieller Konto -Webseiten: Wie vermeiden Sie den alten Cache, der sich auf die Benutzererfahrung nach der Versionsaktualisierung auswirkt? Schwierigkeiten bei der Aktualisierung der Zwischenspeicherung offizieller Konto -Webseiten: Wie vermeiden Sie den alten Cache, der sich auf die Benutzererfahrung nach der Versionsaktualisierung auswirkt? Mar 04, 2025 pm 12:32 PM

Schwierigkeiten bei der Aktualisierung der Zwischenspeicherung offizieller Konto -Webseiten: Wie vermeiden Sie den alten Cache, der sich auf die Benutzererfahrung nach der Versionsaktualisierung auswirkt?

Wie verwende ich HTML5 -Formularvalidierungsattribute, um die Benutzereingabe zu validieren? Wie verwende ich HTML5 -Formularvalidierungsattribute, um die Benutzereingabe zu validieren? Mar 17, 2025 pm 12:27 PM

Wie verwende ich HTML5 -Formularvalidierungsattribute, um die Benutzereingabe zu validieren?

Wie füge ich PNG -Bildern auf Webseiten effizient Schlaganfalleffekte hinzu? Wie füge ich PNG -Bildern auf Webseiten effizient Schlaganfalleffekte hinzu? Mar 04, 2025 pm 02:39 PM

Wie füge ich PNG -Bildern auf Webseiten effizient Schlaganfalleffekte hinzu?

Was ist der Zweck des & lt; iframe & gt; Etikett? Was sind die Sicherheitsüberlegungen bei der Verwendung? Was ist der Zweck des & lt; iframe & gt; Etikett? Was sind die Sicherheitsüberlegungen bei der Verwendung? Mar 20, 2025 pm 06:05 PM

Was ist der Zweck des & lt; iframe & gt; Etikett? Was sind die Sicherheitsüberlegungen bei der Verwendung?

Was sind die Sicherheitsauswirkungen der Verwendung von IFRames und wie kann ich sie mildern? Was sind die Sicherheitsauswirkungen der Verwendung von IFRames und wie kann ich sie mildern? Mar 18, 2025 pm 02:51 PM

Was sind die Sicherheitsauswirkungen der Verwendung von IFRames und wie kann ich sie mildern?

Was sind die besten Praktiken für die Kompatibilität des Cross-Browsers in HTML5? Was sind die besten Praktiken für die Kompatibilität des Cross-Browsers in HTML5? Mar 17, 2025 pm 12:20 PM

Was sind die besten Praktiken für die Kompatibilität des Cross-Browsers in HTML5?

Wie benutze ich die HTML5 & lt; Zeit & gt; Element, um Daten und Zeiten semantisch darzustellen? Wie benutze ich die HTML5 & lt; Zeit & gt; Element, um Daten und Zeiten semantisch darzustellen? Mar 12, 2025 pm 04:05 PM

Wie benutze ich die HTML5 & lt; Zeit & gt; Element, um Daten und Zeiten semantisch darzustellen?

Wie benutze ich den HTML5 & lt; Meter & gt; Element zur Anzeige numerischer Daten innerhalb eines Bereichs? Wie benutze ich den HTML5 & lt; Meter & gt; Element zur Anzeige numerischer Daten innerhalb eines Bereichs? Mar 12, 2025 pm 04:08 PM

Wie benutze ich den HTML5 & lt; Meter & gt; Element zur Anzeige numerischer Daten innerhalb eines Bereichs?

See all articles