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

IIS und APACHE implementieren die HTTP-Umleitung auf HTTPS

IIS7 Laden Sie das HTTP Rewrite-Modul von der off...

Tutorial zu den Grundlagen von JavaScript und JQuery Framework

Inhaltsverzeichnis 1. JS-Objekt DOM –1, Funktion ...

CSS-Lösung für mehrspaltiges Layout

1. Feste Breite + adaptiv Erwarteter Effekt: fest...

CentOS 8.0.1905 installiert ZABBIX Version 4.4 (verifiziert)

Zabbix Server-Umgebungsplattform Version: ZABBIX ...

Detaillierte Beschreibung des HTML-Meta-Viewport-Attributs

Was ist ein Ansichtsfenster? Mobile Browser platzi...

Beispielcode zum Erstellen eines Dropdown-Menüs mit reinem CSS

Einführung: Als ich mir in letzter Zeit die Frage...

Eine kurze Diskussion zur Logikextraktion und Feldanzeige von Vue3 in Projekten

Inhaltsverzeichnis Logische Schichtung Trennen Si...

So erweitern Sie die Festplattengröße einer virtuellen Maschine

Nachdem Vmvare die Festplattengröße der virtuelle...

Basiswissen: Was bedeutet http vor einer Website-Adresse?

Was ist HTTP? Wenn wir eine Website durchsuchen m...

17 hervorragende Webdesigns, sorgfältig von Startups entwickelt

Startups überraschen uns oft mit ihren unkonventi...