Heim > Web-Frontend > HTML-Tutorial > So legen Sie fest, dass das Eingabetextfeld eines Formulars nicht bearbeitet werden kann

So legen Sie fest, dass das Eingabetextfeld eines Formulars nicht bearbeitet werden kann

青灯夜游
Freigeben: 2022-04-01 15:51:19
Original
30209 Leute haben es durchsucht

So stellen Sie das Formulareingabetextfeld so ein, dass es nicht bearbeitet werden kann: Erstellen Sie zunächst die entsprechende Codedatei und setzen Sie dann das Formularfeld auf „onfocus=this.blur(), readonly, deaktiviert“, um dies zu erreichen -editierbare Funktion.

So legen Sie fest, dass das Eingabetextfeld eines Formulars nicht bearbeitet werden kann

In diesem Artikel erfahren Sie, wie Sie das Eingabetextfeld als Beispiel verwenden, um vorzustellen, wie Sie das Formular so einstellen, dass es nicht bearbeitet werden kann, damit jeder Kann verstehen, wie alle Formularfelder (Textfeld, Beschriftung, Kontrollkästchen, Textbereich) als nicht bearbeitbare Methode implementiert werden und den Unterschied zwischen schreibgeschützten Attributen und deaktivierten Attributen kennen. Es hat einen gewissen Referenzwert. Freunde in Not können sich darauf beziehen. Ich hoffe, es wird Ihnen hilfreich sein.

Manchmal müssen wir Formularfelder im nicht bearbeitbaren Modus anzeigen. Wie erreichen wir das? Wir können die nicht bearbeitbare Funktion des Formulars erreichen, indem wir die folgenden Methoden für die Formularfelder festlegen (Eingabetextfeld, Beschriftung, Kontrollkästchen, Textbereich). [Empfohlene verwandte Video-Tutorials: HTML-Tutorial]

Nehmen wir das Eingabetextfeld als Beispiel, um den Effekt zu sehen:

1. Blur( )

<input type="text" name="input1" value="php中文网" onfocus=this.blur()>
Nach dem Login kopieren

So legen Sie fest, dass das Eingabetextfeld eines Formulars nicht bearbeitet werden kann

Es ist ersichtlich, dass das Formulareingabetextfeld nicht angeklickt und nicht bearbeitet werden kann. Der darin enthaltene Text kann nicht ausgewählt werden.

2. schreibgeschütztes Attribut

<input type="text" name="input1" value="php中文网" readonly> 

<input type="text" name="input1" value="php中文网" readonly="true">
Nach dem Login kopieren

So legen Sie fest, dass das Eingabetextfeld eines Formulars nicht bearbeitet werden kann

Es ist ersichtlich, dass das Formulareingabetextfeld nicht angeklickt werden kann und nicht bearbeitet werden.

3. deaktiviertes Attribut

<input type="text" name="input1" value="php中文网" disabled>
Nach dem Login kopieren

So legen Sie fest, dass das Eingabetextfeld eines Formulars nicht bearbeitet werden kann

Hinweis:

Wir können es nicht tun für alle Legen Sie das schreibgeschützte Attribut für ein Formularfeld oder -element fest. Die Elemente

Werfen wir einen Blick auf Was ist der Unterschied zwischen dem Readonly-Attribut und dem Disabled-Attribut?

Das Readonly-Attribut und das Disabled-Attribut sind beide nicht editierbare Attribute von Formularfeldern (Textfelder, Beschriftungen, Kontrollkästchen, Textbereiche). Schauen wir uns ihre Unterschiede an

deaktiviertes Attribut----Deaktiviertes Attribut

1. Deaktivierte Formularfelder oder Elementwerte werden nicht zur Verarbeitung auf dem Server veröffentlicht.

2. Deaktivierte Formularfelder oder Elemente erhalten keinen Fokus.

3. Deaktivierte Formularfelder oder Elemente werden während der Tab-Navigation übersprungen.

4. Einige Browser (z. B. IE) bieten Standardstile (grauer oder geprägter Text) für deaktivierte Formularfelder oder Elemente.

schreibgeschütztes Attribut----schreibgeschütztes Attribut

1 Der Wert des Feldes oder Elements wird zur Verarbeitung schreibgeschützt auf dem Server veröffentlicht.

2. Schreibgeschützte Formularfelder oder Elemente können den Fokus erhalten.

3. Schreibgeschützte Formularfelder oder Elemente während der Tab-Navigation enthalten.

4. Einige Browser bieten keine Standardstile für schreibgeschützte Formularfelder oder -elemente.

Zusammenfassung: Das Obige ist der gesamte Inhalt dieses Artikels, ich hoffe, dass er für das Studium aller hilfreich sein wird.

Das obige ist der detaillierte Inhalt vonSo legen Sie fest, dass das Eingabetextfeld eines Formulars nicht bearbeitet werden kann. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage