Komponente laden...
Laden
Ich danke Ihnen! Ich werde
dieses Projekt so schnell wie möglich aktualisieren.
dieses Projekt so schnell wie möglich aktualisieren.
Huch! Beim Absenden des Formulars ist etwas schief gelaufen.
So aktivieren Sie die Google-Authentifizierung
So aktivieren Sie die Facebook-Authentifizierung
So aktivieren Sie die Spotify-Authentifizierung
Wie man die Dribbble-Authentifizierung aktiviert
Wie man die Github-Authentifizierung aktiviert
So aktivieren Sie die LinkedIn-Authentifizierung
So aktivieren Sie passwortlose Anmeldungen
So konfigurieren Sie die Kennwortüberprüfung
Passwort ein-/ausblenden
Wie man mit Profilbildern arbeitet
So fügen Sie einen Fluss für vergessene Passwörter hinzu
Wie man mit Kontrollkästchen arbeitet
Wie man Preistabellen konfiguriert
Über das Stripe-Kundenportal
{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"84d11bc5-fc86-1239-7a00-19496da53411","type":"Block","tag":"div","classes":["04e069b0-1d09-05d8-22d5-d01ce9d11272"],"children":["84d11bc5-fc86-1239-7a00-19496da53412","84d11bc5-fc86-1239-7a00-19496da53414"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"84d11bc5-fc86-1239-7a00-19496da53412","type":"FormBlockLabel","tag":"label","classes":["5c90541b-3414-107f-e43f-256ae08abd9e"],"children":["84d11bc5-fc86-1239-7a00-19496da53413"],"data":{"form":{"type":"label","passwordPage":false},"search":{"exclude":false},"users":"","xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"for":"Multiple","id":""},"visibility":{"conditions":[]}}},{"_id":"84d11bc5-fc86-1239-7a00-19496da53413","text":true,"v":"Multi Select With Search"},{"_id":"84d11bc5-fc86-1239-7a00-19496da53414","type":"FormSelect","tag":"select","classes":["249e642b-f906-733b-2508-0484ecc90cdf"],"children":[],"data":{"attr":{"id":"Multiple","name":"Multiple","data-name":"Multiple","required":false,"multiple":true},"xattr":[{"name":"ms-code-custom-select","value":"select-with-search"}],"form":{"name":"Multiple","opts":[{"t":"Select one...","v":""},{"t":"Agriculture","v":"Agriculture"},{"t":" Automotive","v":" Automotive"},{"t":" Banking","v":" Banking"},{"t":" Biotechnology","v":" Biotechnology"},{"t":" Chemicals","v":" Chemicals"},{"t":" Construction","v":" Construction"},{"t":" Consulting","v":" Consulting"},{"t":" Consumer Electronics","v":" Consumer Electronics"},{"t":" Education","v":" Education"},{"t":" Energy","v":" Energy"},{"t":" Entertainment","v":" Entertainment"},{"t":" Fashion","v":" Fashion"},{"t":" Financial Services","v":" Financial Services"},{"t":" Food and Beverage","v":" Food and Beverage"},{"t":" Gaming","v":" Gaming"},{"t":" Healthcare","v":" Healthcare"},{"t":" Hospitality","v":" Hospitality"},{"t":" Information Technology","v":" Information Technology"},{"t":" Insurance","v":" Insurance"},{"t":" Internet","v":" Internet"},{"t":" Journalism","v":" Journalism"},{"t":" Legal Services","v":" Legal Services"},{"t":" Manufacturing","v":" Manufacturing"},{"t":" Marketing","v":" Marketing"},{"t":" Media","v":" Media"},{"t":" Mining","v":" Mining"},{"t":" Music","v":" Music"},{"t":" Non-profit","v":" Non-profit"},{"t":" Pharmaceuticals","v":" Pharmaceuticals"},{"t":" Real Estate","v":" Real Estate"},{"t":" Retail","v":" Retail"},{"t":" Telecommunications","v":" Telecommunications"},{"t":" Tourism","v":" Tourism"},{"t":" Transportation","v":" Transportation"},{"t":" Aerospace","v":" Aerospace"},{"t":" Architecture","v":" Architecture"},{"t":" Art and Design","v":" Art and Design"},{"t":" Beauty and Personal Care","v":" Beauty and Personal Care"},{"t":" Broadcasting","v":" Broadcasting"},{"t":" Clean Energy","v":" Clean Energy"},{"t":" E-commerce","v":" E-commerce"},{"t":" Environmental Services","v":" Environmental Services"},{"t":" Event Planning","v":" Event Planning"},{"t":" Film","v":" Film"},{"t":" Fitness and Wellness","v":" Fitness and Wellness"},{"t":" Government","v":" Government"},{"t":" Graphic Design","v":" Graphic Design"},{"t":" Green Technology","v":" Green Technology"},{"t":" Home Improvement","v":" Home Improvement"},{"t":" Human Resources","v":" Human Resources"},{"t":" Import/Export","v":" Import/Export"},{"t":" Interior Design","v":" Interior Design"},{"t":" Journalism","v":" Journalism"},{"t":" Legal Services","v":" Legal Services"},{"t":" Logistics","v":" Logistics"},{"t":" Management Consulting","v":" Management Consulting"},{"t":" Market Research","v":" Market Research"},{"t":" Mobile Technology","v":" Mobile Technology"},{"t":" Online Advertising","v":" Online Advertising"},{"t":" Packaging","v":" Packaging"},{"t":" Pet Care","v":" Pet Care"},{"t":" Photography","v":" Photography"},{"t":" Public Relations","v":" Public Relations"},{"t":" Publishing","v":" Publishing"},{"t":" Renewable Energy","v":" Renewable Energy"},{"t":" Robotics","v":" Robotics"},{"t":" Security Services","v":" Security Services"},{"t":" Social Media","v":" Social Media"},{"t":" Software Development","v":" Software Development"},{"t":" Sports","v":" Sports"},{"t":" Supply Chain Management","v":" Supply Chain Management"},{"t":" Sustainable Agriculture","v":" Sustainable Agriculture"},{"t":" Textile and Apparel","v":" Textile and Apparel"},{"t":" Trade","v":" Trade"},{"t":" Training and Development","v":" Training and Development"},{"t":" Travel","v":" Travel"},{"t":" Utilities","v":" Utilities"},{"t":" Video Game Development","v":" Video Game Development"},{"t":" Waste Management","v":" Waste Management"},{"t":" Web Development","v":" Web Development"},{"t":" Wine and Spirits","v":" Wine and Spirits"},{"t":" Architecture","v":" Architecture"},{"t":" Automotive Repair","v":" Automotive Repair"},{"t":" Chemical Engineering","v":" Chemical Engineering"},{"t":" Data Analytics","v":" Data Analytics"},{"t":" Event Management","v":" Event Management"},{"t":" Financial Planning","v":" Financial Planning"},{"t":" Fine Arts","v":" Fine Arts"},{"t":" Geothermal Energy","v":" Geothermal Energy"},{"t":" Health and Safety","v":" Health and Safety"},{"t":" Humanitarian Aid","v":" Humanitarian Aid"},{"t":" Industrial Design","v":" Industrial Design"},{"t":" Investment Banking","v":" Investment Banking"},{"t":" Landscaping","v":" Landscaping"},{"t":" Maritime","v":" Maritime"},{"t":" Nanotechnology","v":" Nanotechnology"},{"t":" Organic Farming","v":" Organic Farming"},{"t":" Performing Arts","v":" Performing Arts"},{"t":" Renewable Resources","v":" Renewable Resources"},{"t":" Veterinary Care","v":" Veterinary Care"}],"type":"select"},"displayName":"","search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}}],"styles":[{"_id":"04e069b0-1d09-05d8-22d5-d01ce9d11272","fake":false,"type":"class","name":"field-wrap","namespace":"","comb":"","styleLess":"margin-bottom: 20px;","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"5c90541b-3414-107f-e43f-256ae08abd9e","fake":false,"type":"class","name":"label","namespace":"","comb":"","styleLess":"font-weight: 500;","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"249e642b-f906-733b-2508-0484ecc90cdf","fake":false,"type":"class","name":"select","namespace":"","comb":"","styleLess":"margin-bottom: 0px; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; background-color: hsla(0, 0.00%, 98.67%, 1.00);","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null}],"assets":[],"ix1":[],"ix2":{"interactions":[],"events":[],"actionLists":[]}},"meta":{"unlinkedSymbolCount":0,"droppedLinks":0,"dynBindRemovedCount":0,"dynListBindRemovedCount":0,"paginationRemovedCount":0}}
Klonen in Webflow
Komponente kopieren
{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"84d11bc5-fc86-1239-7a00-19496da53411","type":"Block","tag":"div","classes":["04e069b0-1d09-05d8-22d5-d01ce9d11272"],"children":["84d11bc5-fc86-1239-7a00-19496da53412","84d11bc5-fc86-1239-7a00-19496da53414"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"84d11bc5-fc86-1239-7a00-19496da53412","type":"FormBlockLabel","tag":"label","classes":["5c90541b-3414-107f-e43f-256ae08abd9e"],"children":["84d11bc5-fc86-1239-7a00-19496da53413"],"data":{"form":{"type":"label","passwordPage":false},"search":{"exclude":false},"users":"","xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"for":"Multiple","id":""},"visibility":{"conditions":[]}}},{"_id":"84d11bc5-fc86-1239-7a00-19496da53413","text":true,"v":"Multi Select With Search"},{"_id":"84d11bc5-fc86-1239-7a00-19496da53414","type":"FormSelect","tag":"select","classes":["249e642b-f906-733b-2508-0484ecc90cdf"],"children":[],"data":{"attr":{"id":"Multiple","name":"Multiple","data-name":"Multiple","required":false,"multiple":true},"xattr":[{"name":"ms-code-custom-select","value":"select-with-search"}],"form":{"name":"Multiple","opts":[{"t":"Select one...","v":""},{"t":"Agriculture","v":"Agriculture"},{"t":" Automotive","v":" Automotive"},{"t":" Banking","v":" Banking"},{"t":" Biotechnology","v":" Biotechnology"},{"t":" Chemicals","v":" Chemicals"},{"t":" Construction","v":" Construction"},{"t":" Consulting","v":" Consulting"},{"t":" Consumer Electronics","v":" Consumer Electronics"},{"t":" Education","v":" Education"},{"t":" Energy","v":" Energy"},{"t":" Entertainment","v":" Entertainment"},{"t":" Fashion","v":" Fashion"},{"t":" Financial Services","v":" Financial Services"},{"t":" Food and Beverage","v":" Food and Beverage"},{"t":" Gaming","v":" Gaming"},{"t":" Healthcare","v":" Healthcare"},{"t":" Hospitality","v":" Hospitality"},{"t":" Information Technology","v":" Information Technology"},{"t":" Insurance","v":" Insurance"},{"t":" Internet","v":" Internet"},{"t":" Journalism","v":" Journalism"},{"t":" Legal Services","v":" Legal Services"},{"t":" Manufacturing","v":" Manufacturing"},{"t":" Marketing","v":" Marketing"},{"t":" Media","v":" Media"},{"t":" Mining","v":" Mining"},{"t":" Music","v":" Music"},{"t":" Non-profit","v":" Non-profit"},{"t":" Pharmaceuticals","v":" Pharmaceuticals"},{"t":" Real Estate","v":" Real Estate"},{"t":" Retail","v":" Retail"},{"t":" Telecommunications","v":" Telecommunications"},{"t":" Tourism","v":" Tourism"},{"t":" Transportation","v":" Transportation"},{"t":" Aerospace","v":" Aerospace"},{"t":" Architecture","v":" Architecture"},{"t":" Art and Design","v":" Art and Design"},{"t":" Beauty and Personal Care","v":" Beauty and Personal Care"},{"t":" Broadcasting","v":" Broadcasting"},{"t":" Clean Energy","v":" Clean Energy"},{"t":" E-commerce","v":" E-commerce"},{"t":" Environmental Services","v":" Environmental Services"},{"t":" Event Planning","v":" Event Planning"},{"t":" Film","v":" Film"},{"t":" Fitness and Wellness","v":" Fitness and Wellness"},{"t":" Government","v":" Government"},{"t":" Graphic Design","v":" Graphic Design"},{"t":" Green Technology","v":" Green Technology"},{"t":" Home Improvement","v":" Home Improvement"},{"t":" Human Resources","v":" Human Resources"},{"t":" Import/Export","v":" Import/Export"},{"t":" Interior Design","v":" Interior Design"},{"t":" Journalism","v":" Journalism"},{"t":" Legal Services","v":" Legal Services"},{"t":" Logistics","v":" Logistics"},{"t":" Management Consulting","v":" Management Consulting"},{"t":" Market Research","v":" Market Research"},{"t":" Mobile Technology","v":" Mobile Technology"},{"t":" Online Advertising","v":" Online Advertising"},{"t":" Packaging","v":" Packaging"},{"t":" Pet Care","v":" Pet Care"},{"t":" Photography","v":" Photography"},{"t":" Public Relations","v":" Public Relations"},{"t":" Publishing","v":" Publishing"},{"t":" Renewable Energy","v":" Renewable Energy"},{"t":" Robotics","v":" Robotics"},{"t":" Security Services","v":" Security Services"},{"t":" Social Media","v":" Social Media"},{"t":" Software Development","v":" Software Development"},{"t":" Sports","v":" Sports"},{"t":" Supply Chain Management","v":" Supply Chain Management"},{"t":" Sustainable Agriculture","v":" Sustainable Agriculture"},{"t":" Textile and Apparel","v":" Textile and Apparel"},{"t":" Trade","v":" Trade"},{"t":" Training and Development","v":" Training and Development"},{"t":" Travel","v":" Travel"},{"t":" Utilities","v":" Utilities"},{"t":" Video Game Development","v":" Video Game Development"},{"t":" Waste Management","v":" Waste Management"},{"t":" Web Development","v":" Web Development"},{"t":" Wine and Spirits","v":" Wine and Spirits"},{"t":" Architecture","v":" Architecture"},{"t":" Automotive Repair","v":" Automotive Repair"},{"t":" Chemical Engineering","v":" Chemical Engineering"},{"t":" Data Analytics","v":" Data Analytics"},{"t":" Event Management","v":" Event Management"},{"t":" Financial Planning","v":" Financial Planning"},{"t":" Fine Arts","v":" Fine Arts"},{"t":" Geothermal Energy","v":" Geothermal Energy"},{"t":" Health and Safety","v":" Health and Safety"},{"t":" Humanitarian Aid","v":" Humanitarian Aid"},{"t":" Industrial Design","v":" Industrial Design"},{"t":" Investment Banking","v":" Investment Banking"},{"t":" Landscaping","v":" Landscaping"},{"t":" Maritime","v":" Maritime"},{"t":" Nanotechnology","v":" Nanotechnology"},{"t":" Organic Farming","v":" Organic Farming"},{"t":" Performing Arts","v":" Performing Arts"},{"t":" Renewable Resources","v":" Renewable Resources"},{"t":" Veterinary Care","v":" Veterinary Care"}],"type":"select"},"displayName":"","search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}}],"styles":[{"_id":"04e069b0-1d09-05d8-22d5-d01ce9d11272","fake":false,"type":"class","name":"field-wrap","namespace":"","comb":"","styleLess":"margin-bottom: 20px;","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"5c90541b-3414-107f-e43f-256ae08abd9e","fake":false,"type":"class","name":"label","namespace":"","comb":"","styleLess":"font-weight: 500;","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"249e642b-f906-733b-2508-0484ecc90cdf","fake":false,"type":"class","name":"select","namespace":"","comb":"","styleLess":"margin-bottom: 0px; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; background-color: hsla(0, 0.00%, 98.67%, 1.00);","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null}],"assets":[],"ix1":[],"ix2":{"interactions":[],"events":[],"actionLists":[]}},"meta":{"unlinkedSymbolCount":0,"droppedLinks":0,"dynBindRemovedCount":0,"dynListBindRemovedCount":0,"paginationRemovedCount":0}}
Browser nicht unterstützt. Verwenden Sie
Chrome oder Safari.
Chrome oder Safari.
Über diese Komponente
AI-generiert
Komponentenbeschreibung (von AI generiert)
The Multi Select Field With Search component allows users to select multiple options from a dropdown menu while providing a search functionality to easily find specific items. It is designed for enhanced user experience in forms.
Wesentliche Merkmale:
- Multi-select capability
- Search functionality for quick option retrieval
- Customizable options for various industries
- User-friendly interface
- Responsive design
Gestaltungselemente:
- Rounded corners with a subtle background color
- Bold font for labels
- Margin spacing for clear separation between fields
Potenzielle Anwendungsfälle:
- Job application forms where candidates can select multiple skills
- E-commerce sites allowing customers to choose multiple product categories
- Event registration forms for selecting multiple interests or sessions
- Surveys requiring multiple responses from a list of options
- Educational platforms for course selection
Conclusion: The Multi Select Field With Search component is a versatile tool that enhances form usability, making it ideal for various applications across different industries.
Mit dem Bau beginnen
Bauen Sie Ihre Träume
Memberstack ist 100% kostenlos, bis Sie bereit sind, zu starten - worauf warten Sie also noch? Erstellen Sie Ihre erste App und beginnen Sie noch heute mit der Entwicklung.