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

Designtheorie: Zu den Themen Schema, Ressourcen und Kommunikation

Verstehen Sie den Rendering-Prozess von HTML-Seiten als Vorbereitung auf das Erlernen der Front-End-Leistungsoptimierung.

Artikel

Mycli ist ein unverzichtbares Tool für MySQL-Befehlszeilen-Enthusiasten

Der Unterschied zwischen Name und Wert im Eingabe-Tag

Designtheorie: Zu den Themen Schema, Ressourcen und Kommunikation

LayUI+Shiro implementiert ein dynamisches Menü und erinnert sich an das Beispiel der Menüerweiterung

So fragen Sie den minimal verfügbaren ID-Wert in der MySQL-Tabelle ab

Verstehen Sie den Rendering-Prozess von HTML-Seiten als Vorbereitung auf das Erlernen der Front-End-Leistungsoptimierung.

Mycli ist ein unverzichtbares Tool für MySQL-Befehlszeilen-Enthusiasten

Einführung in den Löschvorgang von B-Tree

Detaillierte Erklärung der allgemeinen For-Schleife in JavaScript-Anweisungen

So lösen Sie das Problem der Nichtübereinstimmung des MySQL-Abfragezeichensatzes

JavaScript zur Implementierung der Schaltfläche „Zurück nach oben“

Artikel empfehlen

Grafisches Tutorial zur Installation und Konfiguration von MySQL 8.0.22

Detaillierte Erklärung der Datentypen und Schemaoptimierung in MySQL

Prinzip des Linux-Nohup-Befehls und Beispielanalyse

CSS-Schreibformat, detaillierte Erklärung der Grundstruktur einer mobilen Seite

Lernen wir JavaScript objektorientiert kennen

Ursachen und Lösungen für langsame MySQL-Abfragen

Umfassendes Verständnis von HTML-Formularelementen

Zusammenfassung häufig verwendeter Toolfunktionen in Vue-Projekten

MySQL-Datenbankoptimierung: Detaillierte Erläuterung der Sharding-Operationen für Tabellen und Datenbanken

Vue implementiert den Anwesenheitskalender von DingTalk

Logrotate implementiert alle zwei Stunden die Catalina.out-Protokollrotation

Grundlagen zu Betrieb und Wartung unter Linux - Tutorial zu statischen httpd-Webseiten

MySQL Server 8.0.3 Installations- und Konfigurationsmethoden - Grafisches Tutorial

Die Rolle und Öffnung des MySQL-Protokolls für langsame Abfragen

CSS zum Erzielen eines Chat-Blaseneffekts