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
Verwendung des Fokus-innerhalb-Selektors von CSS3
Pseudoelemente und Pseudoklassen Apropos, schauen...
Nginx-Lastausgleichskonfiguration, automatischer Umschaltmodus bei Ausfallzeiten
Streng genommen verfügt nginx nicht über eine Int...
Lösung für den Fehler bei der Verbindung mit MySQL in Docker
Szenario: Nach der Installation der neuesten Vers...
Praktische Fähigkeiten zur Entwicklung von WeChat-Applets: Datenübertragung und -speicherung
Indem ich die verschiedenen Probleme, auf die ich...
Sammlung von 12 praktischen Web-Online-Tools
1. Favicon.cc Um ICO-Symbol-Websites online zu er...
Beispiel zur MySQL-Passwortänderung – ausführliche Erklärung
Beispiel zur MySQL-Passwortänderung – ausführlich...
Zusammenfassung der Verwendung von MySQL Online DDL gh-ost
Hintergrund: Als DBA werden die meisten DDL-Änder...
docker-maven-plugin verpackt das Image und lädt es in ein privates Warehouse hoch
Inhaltsverzeichnis 1. Einführung in das Docker-Ma...
CentOS 8.0.1905 installiert ZABBIX Version 4.4 (verifiziert)
Zabbix Server-Umgebungsplattform Version: ZABBIX ...
Window.name löst das Problem der domänenübergreifenden Datenübertragung
<br />Originaltext: http://research.microsof...
Mehrere Methoden zum Implementieren von zwei festen Spalten und einer adaptiven Spalte in CSS
Dieser Artikel stellt verschiedene Methoden zur I...
Fallstudie: Ajax responseText analysiert JSON-Daten
Lösen Sie das Problem, dass der vom Server nach d...
Detaillierte Erläuterung der Konvertierung von JavaScript-Objekten in primitive Werte
Inhaltsverzeichnis Objekt.prototype.valueOf() Obj...
Was ich beim Aufbau meines eigenen Blogs gelernt habe
<br />In einem Jahr Bloggen habe ich persönl...
Eine kurze Analyse der LRU-verknüpften Liste von MySQL
1. Beschreiben Sie kurz die traditionelle LRU-ver...