Wie erstelle ich einen mehrfach ausgewählten Dropdown in HTML?
Verwenden Sie das Element auswählen, um mehrere Attribute hinzuzufügen, um ein Dropdown-Feld mit mehreren Selekten zu erstellen. Der Benutzer drückt die Strg- oder Umschalttaste, um mehrere Optionen auszuwählen, mehrere Zeilen über das Größe des Größenattributs anzuzeigen und den ausgewählten Wert in Verbindung mit dem Namensattribut -Array -Format einzugeben.
Verwenden Sie das Auswahlelement mit dem mehrfachen Attribut, um eine mehrfassende Dropdown-Dropdown-Liste in HTML zu erstellen. Auf diese Weise können Benutzer mehr als eine Option aus der Liste auswählen.
Grundlegende Dropdown-Multi-Select-Dropdown
Fügen Sie das Multiple -Attribut zum Auswahl -Tag hinzu. Benutzer können mehrere Optionen auswählen, indem sie beim Klicken der Taste Strg (oder CMD auf dem Mac) gedrückt werden oder mithilfe von SHIFT zur Auswahl eines Bereichs ausgewählt werden.
Beispiel:
Setzen Sie die Größe, um mehrere Zeilen anzuzeigen
Standardmäßig kann der Dropdown nur eine Zeile anzeigen. Verwenden Sie das Größenattribut , um mehrere Optionen gleichzeitig anzuzeigen, sodass Sie einfacher angezeigt werden können, und wählen Sie mehrere Elemente aus.
Beispiel:
Styling- und Benutzerfreundlichkeitstipps
Das Standardeintritt kann mit CSS verbessert werden. Sie können auch ein Etikett hinzufügen, um es zugänglich zu machen.
- Wickeln Sie die Auswahl in einer Beschriftung oder verwenden Sie die Attribute für und id und iD
- Legen Sie eine hilfreiche Anweisung wie "Halten Sie Strg fest, um mehrere" Mehrfach auszuwählen ".
- Verwenden Sie CSS, um Breite, Höhe oder Schriftart anzupassen
Senden ausgewählter Werte
Bei Verwendung in einem Formular werden mehrere ausgewählte Werte als separate Einträge mit demselben Namen gesendet. Auf der Serverseite (z. B. PHP, Python) erhalten Sie sie als Array oder Liste.
Greifen Sie in PHP auf sie zu wie:
$ selectedFruits = $ _post ['fruits']; // Gibt ein Array zurückFügen Sie Ihrem Element einfach mehrere zu mehreren aus und stellen Sie sicher, dass der Name mit [] bei Bedarf von Ihrem Backend endet (z. B. name = "Früchte []" in PHP).
Das obige ist der detaillierte Inhalt vonWie erstelle ich einen mehrfach ausgewählten Dropdown in HTML?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
Heiße KI -Werkzeuge
Undress AI Tool
Ausziehbilder kostenlos
Undresser.AI Undress
KI-gestützte App zum Erstellen realistischer Aktfotos
AI Clothes Remover
Online-KI-Tool zum Entfernen von Kleidung aus Fotos.
Stock Market GPT
KI-gestützte Anlageforschung für intelligentere Entscheidungen
Heißer Artikel
Heiße Werkzeuge
Notepad++7.3.1
Einfach zu bedienender und kostenloser Code-Editor
SublimeText3 chinesische Version
Chinesische Version, sehr einfach zu bedienen
Senden Sie Studio 13.0.1
Leistungsstarke integrierte PHP-Entwicklungsumgebung
Dreamweaver CS6
Visuelle Webentwicklungstools
SublimeText3 Mac-Version
Codebearbeitungssoftware auf Gottesniveau (SublimeText3)
So setzen Sie das Lang -Attribut in HTML
Sep 21, 2025 am 02:34 AM
SettthelangattributeInhtmltagtospecifypagelanguage, z. B. Forenglish; 2. usesocodes-ähnliche "Es" frespanishor "fr" forfremch;
Wie mache ich Text um ein Bild in HTML um ein Bild?
Sep 21, 2025 am 04:02 AM
UsecsssfloatPropertytowraptextaroundArtanimage: FloatleftForteTheright, FloatrightForteTonTheleft, AddmarginForspacing und ClearfloatStopreventlayoutissues.
Was ist der Unterschied zwischen Objekt- und Embett -Tags in HTML?
Sep 23, 2025 am 01:54 AM
TheObjectTagiSpreferredforembedingExternalContentDuEToUSSverSatility, FallbackSupport und STANDardsCompliance, wobei ermbedIssimplerbutlackSfallbackandparameteroptionen, machen, macherisch für die Anleitung.
So importieren Sie Lesezeichen aus anderen Browsern mit uc browser_Wow, um Lesezeichendaten mit dem UC -Browser zu importieren
Sep 24, 2025 am 10:36 AM
Sie können Lesezeichen von anderen Browsern über die UC -Browser -Importfunktion migrieren: Wählen Sie zuerst "Lesezeichen importieren" und autorisieren Sie Lesedaten. 2. Support Manual Import von HTML -Dateien. Sie müssen zuerst die Lesezeichen in HTML im Quellbrowser exportieren und den Dateiimport auswählen. 3.. Sie können auch über den Cloud -Service übertragen, die Cloud -Synchronisation aktiviert und die Lesezeichendaten im UC -Browser abziehen, um die Migration abzuschließen.
Wie erstelle ich einen mehrfach ausgewählten Dropdown in HTML?
Sep 21, 2025 am 03:39 AM
Verwenden Sie das Element auswählen, um mehrere Attribute hinzuzufügen, um ein Dropdown-Feld mit mehreren Selekten zu erstellen. Der Benutzer drückt die Strg- oder Umschalttaste, um mehrere Optionen auszuwählen, mehrere Zeilen über das Größe des Größenattributs anzuzeigen und den ausgewählten Wert in Verbindung mit dem Namensattribut -Array -Format einzugeben.
So erstellen Sie ein Vollbild-Hintergrundbild mit HTML
Sep 23, 2025 am 05:43 AM
Das Einrichten eines Hintergrundbildes mit Vollbild mit CSS kann durch direktes Stylen des Körpers oder mit einem Vollbildbehälter erreicht werden. 1. Stellen Sie die Hintergrundgröße fest, um mit Hintergrundposition zu decken und zusammenzuarbeiten: Zentrum, um sicherzustellen, dass das Bild abgedeckt und zentriert ist. 2. Beheben Sie optional den Hintergrund oder verwenden Sie Container, um das Layout flexibler zu steuern. 3.. Verwenden Sie eine hohe Auflösung, um das Bild zu optimieren, und fügen Sie Fallback -Farben hinzu, um die Erfahrung zu verbessern.
Wie fügen Sie Kommentare in HTML hinzu?
Sep 21, 2025 am 06:42 AM
HTML -Kommentare verwenden Syntax und der Browser ignoriert den Inhalt. 1. zum Hinzufügen von Anweisungen wie; 2. Sie können vorübergehend den Code kommentieren, wie z. B.; 3.. Support Multi-Line-Kommentare, kann aber nicht verschachtelt werden und vermeiden Sie-> in Kommentaren, ansonsten wird der Kommentar im Voraus enden, und die Kommentare sind nur im Quellcode sichtbar und enden mit einem vollständigen Satz.
Was ist semantische HTML
Sep 25, 2025 am 02:37 AM
SemantichtmlusseMeaningfulTagslikearticle, Sektion, NAV und MaintoclearlydeFineContentStructureForBothDevelopers und Browser.TheseelementSmpropovesibilityByEnablingsCreenreaderTointerpretpagelayelayoutentive, EnhancanothroughthringScreeneRectentoranizanizierung
