Was ist der Unterschied zwischen Name, ID und Klasse in HTML?

Dieses Mal zeige ich Ihnen, was der Unterschied zwischen Name, ID und Klasse in HTML ist. Wie verwendet man Name, ID und Klasse? Was sind die Vorsichtsmaßnahmen bei der Verwendung von Name, ID und Klasse? Das Folgende ist ein praktischer Fall, schauen wir uns das an.

Name

Gibt den Namen des Tags an.

Format

<input type="text" name="username" />

Anwendungsszenario

①Formularform: Name kann als Variablenname verwendet werden, der wie übergeben an die Serverformularliste übertragen wird oben Der Name des Servers lautet: username='text value'.

②input type='radio' radio tag: Wenn die Namen mehrerer Radio-Tags auf denselben Wert gesetzt sind, wird ein Radio-Auswahlvorgang durchgeführt.

<input type="radio" name=&#39;sex&#39;/>男
<input type="radio" name=&#39;sex&#39;/>女

③ Erhalten Sie schnell eine Gruppe von Tags mit demselben Namen: Rufen Sie Tags mit demselben Namen ab und führen Sie gemeinsam Vorgänge aus, z. B.: Ändern von Attributen , Registrieren von Ereignissen usw. .

function changtxtcolor() {
    var txts = document.getElementsByName('txtcolor'); //获取所有name=txtcolor 的标签
    for (var i = 0; i < txts.length; i++) { //循环遍历标签，并把背景色改为red
        txts[i].style.backgroundColor = &#39;red&#39;;
    }
}

Merkmale

Der Wert des Namensattributs ist auf der aktuellen Seite nicht eindeutig.

id

gibt die eindeutige Kennung des Tags an.

Format

<input type=password  id="userpwd" />

Anwendungsszenario

①Schnelles Abrufen des Etikettenobjekts basierend auf der bereitgestellten eindeutigen ID-Nummer. Beispiel: document.getElementById(id)

② Wird als Wert des Labels label für das Attribut verwendet: Beispiel: d305c5282d143dd49e6374acc3c8c7aa Benutzername: 8c1ecd4bb896b2264e0711597d40766c, der den Klick anzeigt Dies Beim Beschriften erhält das Etikett den Fokus, dessen ID die Benutzer-ID ist.
Funktionen

Der Wert des ID-Attributs muss auf der aktuellen Seite eindeutig sein.

class

gibt den Klassennamen des Labels an.

Format

<input type=button class="btnsubmit" />

Anwendungsszenario

①CSS-Operation, fügen Sie einige bestimmte Stile in eine Klasse ein. Wenn Sie Tags dieses Stils benötigen, können Sie diese Klasse hinzufügen.

Funktionen

Sie können mehrere Klassen in ein Klassenattribut einfügen, diese müssen jedoch durch Leerzeichen getrennt werden, wie zum Beispiel: class='btnsubmit btnopen'

Ich glaube, das haben Sie Lesen Sie es. Sie beherrschen die Methoden in diesen Fällen. Weitere spannende Informationen finden Sie in anderen verwandten Artikeln auf der chinesischen PHP-Website!

Verwandte Lektüre:

So fügen Sie ein Video in eine HTML-Webseite ein

So verwenden Sie HTML+CSS Machen Sie einen Mouseover. Sie können die sekundäre Menüleiste anzeigen

So schließen Sie die Lücke im Bild in H5

Das obige ist der detaillierte Inhalt vonWas ist der Unterschied zwischen Name, ID und Klasse in HTML?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!