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

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.

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()>

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">

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>

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 , und haben kein schreibgeschütztes Attribut, aber ein deaktiviertes Attribut, das festgelegt werden kann, um eine nicht bearbeitbare Funktionalität zu erreichen.

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!