Eine kurze Diskussion über den Namen, den Wert der Eingabe und den Wert der Beschriftung

In diesem Artikel geht es kurz um den Namen, den Wert der Eingabe und die Bedeutung des Etiketts. Freunde in Not können darauf verweisen.

Eingabe hat viele Attribute, die am häufigsten verwendeten sind Typ, Wert, Name, Platzhalter, mehrfach, geprüft usw. Ich war immer verwirrt über den Namen, den Wert, das Etikett und den Text außerhalb des Etiketts, aber heute habe ich es endlich herausgefunden.

1) Namensattribut

　Definition : Das Namensattribut gibt den Namen des Eingabeelements an.

　Verwendung: Das Namensattribut wird verwendet, um die Formulardaten zu identifizieren, nachdem sie an den Server übermittelt wurden, oder um die Formulardaten über JavaScript auf dem Client zu referenzieren.

　Hinweis: Nur Formularelemente mit festgelegtem Namensattribut können ihre Werte beim Absenden des Formulars übergeben.

Mit anderen Worten, der Name ist für die Seitenanzeige nicht nützlich (das Hinzufügen oder Nichthinzufügen hat keinen Einfluss auf die Seitenanzeige), wird aber zur einfachen Referenz bei der Interaktion mit dem Server oder beim Schreiben von JS verwendet.

2) Wertattribut

Definition : Das Wertattribut legt den Wert für das Eingabeelement fest.

Verwendung: Für verschiedene Eingabetypen ist auch die Verwendung des Wertattributs unterschiedlich:

• type="button", "reset" , „Senden“ – Definieren Sie den auf der Schaltfläche angezeigten Text.

<input>按钮文字

 „Passwort“, „versteckt“ – definiert den Anfangswert des Eingabefelds

• <input>标签外

  „checkbox“, „radio“, „image“ – definiert den mit der Eingabe verknüpften Wert

<input>按钮文字

   

• Hinweis: Dies Was auf der Seite angezeigt wird, ist der „Schaltflächentext“ (Text außerhalb der Beschriftung), und der Wert wird zu diesem Zeitpunkt hauptsächlich für interaktive Vorgänge in js verwendet. Daher wird der Wert zu diesem Zeitpunkt im Allgemeinen auf einen Wert gesetzt, der sich auf die Eingabe bezieht. Zum Beispiel:

  <input>男

  Hinweis: Das Wertattribut muss in festgelegt werden.

3) label

Zum Beispiel:

<label>请输入邮箱地址：</label>      
    <input type="text" name="email" value="这是一个文本输入框"/>

请输入邮箱地址：     
     <input type="text" name="email" value="这是一个文本输入框"/>

Die beiden oben genannten Methoden zeigen das gleiche Ergebnis an, wie in der folgenden Abbildung dargestellt:

Also:

label Element ist nicht vorhanden. Dem Benutzer werden keine Spezialeffekte

angezeigt. Es verbessert jedoch die Benutzerfreundlichkeit für Mausbenutzer. Dieses Steuerelement wird ausgelöst, wenn Sie auf den Text innerhalb des Beschriftungselements klicken. Das heißt, wenn der Benutzer die Beschriftung auswählt, richtet der Browser den Fokus automatisch auf das Formularsteuerelement, das sich auf die Beschriftung bezieht.

Das for-Attribut des Labels sollte mit dem id-Attribut des zugehörigen Elements identisch sein

.

Was bedeutet der obige Satz? Das heißt, wenn Sie es wie folgt schreiben:

Wenn Sie mit der Maus auf „Bitte geben Sie Ihre E-Mail-Adresse ein“ klicken, ist der Effekt derselbe wie beim Klicken auf das Eingabefeld (dh das Eingabefeld wird fokussiert). Das heißt, das Label wird an die entsprechende Eingabe gebunden.

<label>请输入邮箱地址：</label>
<input>

Zusammenfassung: Das Obige ist der gesamte Inhalt dieses Artikels, ich hoffe, dass er für das Studium aller hilfreich sein wird. Weitere verwandte Tutorials finden Sie unter HTML-Video-Tutorial! Verwandte Empfehlungen:

PHP-Video-Tutorial zum öffentlichen Wohlfahrtstraining

Das obige ist der detaillierte Inhalt vonEine kurze Diskussion über den Namen, den Wert der Eingabe und den Wert der Beschriftung. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!