Tutorial zu HTML-Formular-Tags (4):

Tutorial zu HTML-Formular-Tags (4): Name Der Name des Menüs und der Liste Größe Die Anzahl der anzuzeigenden Optionen Mehrfach Mehrfachauswahl von Elementen in der Liste Wert Ausgewählter Optionswert Standardoption Dateibeispiel: 11-16.htm
Fügen Sie Menüs und Listen in Ihre Seiten ein.
01 <!-- ------------------------------ -->
02 <!-- Dateibeispiel: 11-16.htm -->
03 <!-- Dateibeschreibung: Menü und Liste einfügen-->
04 <!-- ------------------------------ -->
05 <Titel>
06 <Kopf>
07 <title>Menüs und Listen einfügen</title>
08 </head>
09 <Text>
10 <h1>Benutzerbefragung</h1>
11 <Formularaktion=mailto:[email protected] Methode=get ​​Name=investieren>
12 Bitte wählen Sie Ihre Lieblingsmusik:<br>
13 <select name="Musik" size=4 multiple>
14 <option value="rock" Ausgewählt>Rockmusik
15 <option value="pop">Pop
16 <option value="jazz">Jazz
17 <option value="nation">Volksmusik
18 </auswählen><br>
19 Bitte wählen Sie die Stadt aus, in der Sie wohnen:<br>
20 <Name auswählen="Stadt">
21 <option value="beijing" selected>Peking
22 <option value="shanghai">Shanghai
23 <option value="nanjing">Nanjing
24 <option value="guangzhou">Guangzhou
25 </Auswählen>

26 <input type="submit" name="submit" value="Formular übermitteln">
27 </Form>
28 </body>
29 </html> Zeile 13 der Dateibeschreibung definiert, dass die Anzahl der in der Liste angezeigten Elemente 4 beträgt und Mehrfachauswahl möglich ist. Die Zeilen 14 bis 17 definieren die Optionen, wobei „Rockmusik“ die Standardauswahl ist, Zeile 20 definiert die Standardanzahl der Menüs und die Zeilen 21 bis 24 definieren die Optionen, wobei „Peking“ die Standardauswahl ist.

Nehmen Sie nun an, dass Sie dem Formular ein Element wie dieses hinzufügen möchten: „Durchsuchen Sie die Stadt, in der Sie sich befinden.“ Wir sprechen hier nicht von Städten im ganzen Land, es gibt Dutzende von Städten oberhalb der Provinzhauptstädte. Eine Auflistung aller dieser Städte auf der Webseite in Form von Radiobuttons wie oben beschrieben wäre undenkbar. Dann erscheinen Menüs und Listen in den Objekten des Formulars. Schließlich werden Menüs und Listen in erster Linie erstellt, um auf Webseiten Platz zu sparen.
Das Menü ist die platzsparendste Methode. Normalerweise wird Ihnen nur eine Option angezeigt. Wenn Sie auf die Schaltfläche klicken, um das Menü zu öffnen, werden Ihnen alle Optionen angezeigt. Eine Liste kann eine bestimmte Anzahl von Optionen anzeigen. Wenn die Anzahl überschritten wird, wird automatisch eine Bildlaufleiste eingeblendet und der Betrachter kann durch Ziehen der Bildlaufleiste die einzelnen Optionen anzeigen. Mit den Tags <select> und <option> können Menü- und Listeneffekte auf der Seite gestaltet werden.
Grundlegende Syntax01 <select name="name" size=value multiple> 02 <option value="value" selected>Option03 <option value="value">Option04 … 05 </select>
Die Bedeutung dieser Attribute ist in der folgenden Tabelle aufgeführt.
Menü- und Listenmarkierungen beschreiben

<<:  React implementiert eine mehrkomponentige Wertübertragungsfunktion über Conetxt

>>:  So unterstützen Sie ApacheBench mehrere URLs

Artikel empfehlen

Schritte für Docker zum Erstellen eines privaten Lagerhafens

Hafen Harbor ist eine Open-Source-Lösung zum Erst...

Detailliertes Linux-Installationstutorial

(Win7-System) Tutorial zur Installation einer vir...

Eine gute Möglichkeit, Ihre Designfähigkeiten zu verbessern

Sogenanntes Talent (linke und rechte Gehirnhälfte...

Detailliertes Beispiel für Zeilensperren in MySQL

Vorwort Sperren sind Synchronisierungsmechanismen...

So erstellen Sie Benutzer und verwalten Berechtigungen in MySQL

1. So erstellen Sie einen Benutzer und ein Passwo...

Detaillierte Erklärung der MySQL DEFINER-Verwendung

Inhaltsverzeichnis Vorwort: 1. Kurze Einführung i...

So ändern Sie den Hostnamen in Linux dauerhaft

Wenn Sie Ihren Hostnamen ändern möchten, können S...

Allgemeine Symbole in Unicode

Unicode ist ein von einer internationalen Organis...

Was sind die Unterschiede zwischen xHTML- und HTML-Tags?

Alle Tags müssen klein geschrieben sein In XHTML m...

Ein Beispiel, wie Tomcat Session verwaltet

Sie haben ConcurrentHashMap gelernt, wissen aber ...

CSS implementiert problemlos Container auf Blockebene mit festem Verhältnis

Beim Entwerfen eines H5-Layouts werden Sie normal...