Heim > Web-Frontend > HTML-Tutorial > Eine kurze Diskussion über den Namen, den Wert der Eingabe und den Wert der Beschriftung

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

青灯夜游
Freigeben: 2018-10-10 17:35:47
nach vorne
3114 Leute haben es durchsucht

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>按钮文字
Nach dem Login kopieren
Nach dem Login kopieren

 „Passwort“, „versteckt“ – definiert den Anfangswert des Eine kurze Diskussion über den Namen, den Wert der Eingabe und den Wert der BeschriftungEingabefelds

  • <input>标签外
    Nach dem Login kopieren
    „checkbox“, „radio“, „image“ – definiert den mit der Eingabe verknüpften Wert

<input>按钮文字
Nach dem Login kopieren
Nach dem Login kopieren
Eine kurze Diskussion über den Namen, den Wert der Eingabe und den Wert der Beschriftung   
  • 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>男
    Nach dem Login kopieren
    Hinweis: Das Wertattribut muss in festgelegt werden.

Eine kurze Diskussion über den Namen, den Wert der Eingabe und den Wert der Beschriftung3) label

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

请输入邮箱地址:     
     <input type="text" name="email" value="这是一个文本输入框"/>
Nach dem Login kopieren
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.

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!

Verwandte Etiketten:
Quelle:cnblogs.com
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