Der Unterschied zwischen Name und Wert im Eingabe-Tag

Der Unterschied zwischen Name und Wert im Eingabe-Tag
Typ ist das Steuerelement, das für die Eingabe und Ausgabe im Browser verwendet wird (Typ „Text“ bedeutet beispielsweise ein Textfeld; Typ „Button“ bedeutet eine Schaltfläche).
Die optionalen Werte vom Typ sind wie folgt:
Taste
Kontrollkästchen-Kontrollkästchen-Schaltflächenkomponente
Datei Datei-Upload-Komponente
verstecktes verstecktes Feld
Bild Bildbereich
Passwort Textfeld zur Passworteingabe
Optionsfeldkomponente
Schaltfläche „Formular zurücksetzen“
senden Schaltfläche „Formular senden“
Text Texteingabefeld
*******************************************************************************
id ist ein eindeutiger Bezeichner und lässt keine doppelten Werte zu (ähnlich dem Primärschlüssel einer Datentabelle, pk). Sein Wert kann verwendet werden, um das entsprechende HTML-Tag-Objekt abzurufen. (Wenn im gleichen Seitencode doppelte IDs vorkommen, treten unerwartete Fehler auf.)
js-Code: document.getElementById("id_value")
Holen Sie sich die Objektreferenz der angegebenen ID.
*******************************************************************************
Die Funktionen von Name und ID sind dieselben und sie werden auch zum Identifizieren von HTML-Tags verwendet. Der einzige Unterschied besteht darin, dass der Name wiederholte Werte zulässt.
js-Code: document.forms[0].name oder document.getElementsByName("name")
Holen Sie sich das Objektreferenz-Array entsprechend dem angegebenen Namen.
*******************************************************************************
value stellt den Wert eines bestimmten HTML-Tags dar. Beispiel: <input type="text" name="seq" value="hello!" id="seq007" />
Sie werden sehen, dass der Inhalt des Textfelds auf der Webseite „Hallo!“ ist.
///////////////////////////////////////////////////////////////////////
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<Kopf>
<meta http-equiv="Inhaltstyp" content="text/html; charset=iso-8859-1" />
<title>Unbenanntes Dokument</title>
<Skript>

</Skript>
</Kopf>
<Text>
<form>
<Eingabetyp="text" Name="seq" Wert="" ID="seq001" />
<Eingabetyp="text" Name="seq" Wert="" ID="seq002" />
<Eingabetyp="text" Name="seq" Wert="" ID="seq003" />
</form>
</body>
</html>
///////////////////////////////////////////////////////////////////////
document.getElementById("seq001") erhält die Referenz auf das Objekt-Tag mit id=seq001
Dokument.Formulare[0].seq
Gibt ein Array von Referenzen auf alle Tag-Objekte mit name=seq in der ersten Form auf der Webseite zurück.
document.getElementsByName("seq")
Gibt ein Array von Referenzen auf alle Tag-Objekte mit name=seq auf der Webseite zurück.

<<:  Zusammenfassung der 7 Protokolltypen in MySQL

>>:  Erklären Sie anhand eines Diagramms, was Web 2.0 ist

Artikel empfehlen

So installieren Sie allgemeine Komponenten (MySQL, Redis) in Docker

Docker installiert MySQL Docker-Suche MySQL. Such...

Detaillierte Erklärung dieser Zeigerfunktion in JS

Die Pfeilfunktion ist eine neue Funktion in ES6. ...

JS realisiert den Front-End-Paging-Effekt

In diesem Artikelbeispiel wird der spezifische JS...

Docker installiert und führt den RabbitMQ-Beispielcode aus

Ziehen Sie das Bild: [mall@VM_0_7_centos ~]$ sudo...

MySQL REVOKE zum Löschen von Benutzerberechtigungen

In MySQL können Sie mit der REVOKE-Anweisung best...

Beispielcode zum Mischen von Float und Margin in CSS

Bei meinen letzten Studien habe ich einige Layout...

80 Zeilen Code zum Schreiben eines Webpack-Plugins und Veröffentlichen auf npm

1. Einleitung Ich habe vor Kurzem die Prinzipien ...

So erhalten Sie die Schnittmenge/Differenz/Vereinigung zweier Mengen in MySQL

Typische MySQL-Szenarien: Schnittmenge und Differ...

Einführung in Docker-Container

1. Übersicht 1.1 Grundlegende Konzepte: Docker is...