Einführung in die Unterschiede zwischen Name, ID und Klasse in HTML

Auf einer Seite gibt es viele Steuerelemente (Elemente oder Beschriftungen). Um diese Tags komfortabler bedienen zu können, ist es notwendig, diese Tags mit einem Identitätsetikett zu kennzeichnen.

Verzeichnis

1. Name: Geben Sie den Namen des Etiketts an.

2. id: Geben Sie die eindeutige Kennung des Tags an.

3. Klasse: Geben Sie den Klassennamen des Etiketts an.

1. Name

Gibt den Namen des Etiketts an.

1.1 Format

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

1.2 Anwendungsszenario

①Formularform: Name kann als Variablenname verwendet werden, an den weitergeleitet werden soll die Server-Formularliste ;Der oben an den Server übergebene Name lautet beispielsweise: Benutzername='Textwert'.

②input type='radio' Radio-Tag: Wenn die Namen mehrerer Radio-Tags auf den gleichen Wert eingestellt sind, wird ein Radio-Auswahlvorgang durchgeführt.

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

③ Rufen Sie schnell eine Gruppe von Tags mit demselben Namen ab: Rufen Sie Tags mit demselben Namen ab und führen Sie Vorgänge gemeinsam aus, wie zum Beispiel: Ändern von Attributen, Registrieren für Veranstaltungen 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;;
    }
}

1.3 Funktionen

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

2. id

gibt die eindeutige Kennung des Tags an.

2.1 Format

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

2.2 Anwendungsszenario

①Wie vorgesehen eindeutige ID-Nummer, um das Etikettenobjekt schnell zu erhalten. Zum Beispiel: document.getElementById(id)

② Wird als Wert des Labels label für das Attribut verwendet: Beispiel: d305c5282d143dd49e6374acc3c8c7aa /label> ; bedeutet, dass beim Klicken auf dieses Label das Label mit der ID userid den Fokus erhält.

2.3 Funktionen

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

3. Klasse

Gibt den Klassennamen des Etiketts an.

3.1 Format

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

3.2 Anwendungsszenarien

① 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.

3.3 Funktionen

Sie können mehrere Klassen in ein Klassenattribut einfügen, diese müssen jedoch durch Leerzeichen getrennt werden, z. B.:

class
=
'btnsubmit btnopen'

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