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":"c2d179eb-c874-a5a1-d69c-00dcc94a0c48","type":"Block","tag":"div","classes":["04e069b0-1d09-05d8-22d5-d01ce9d11272"],"children":["1151d4f2-5b3f-2364-78ad-8f73b7a712fd","f8c6acf2-ef2a-b129-8d02-460089056734"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"1151d4f2-5b3f-2364-78ad-8f73b7a712fd","type":"FormBlockLabel","tag":"label","classes":["5c90541b-3414-107f-e43f-256ae08abd9e"],"children":["1151d4f2-5b3f-2364-78ad-8f73b7a712fe"],"data":{"form":{"type":"label","passwordPage":false},"search":{"exclude":false},"users":"","xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"for":"Individual","id":""},"visibility":{"conditions":[]}}},{"_id":"1151d4f2-5b3f-2364-78ad-8f73b7a712fe","text":true,"v":"Individual Select With Search"},{"_id":"f8c6acf2-ef2a-b129-8d02-460089056734","type":"FormSelect","tag":"select","classes":["249e642b-f906-733b-2508-0484ecc90cdf"],"children":[],"data":{"attr":{"id":"Individual","name":"Individual","data-name":"Individual","required":false,"multiple":false},"xattr":[{"name":"ms-code-custom-select","value":"select-with-search"}],"form":{"name":"Individual","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":"c2d179eb-c874-a5a1-d69c-00dcc94a0c48","type":"Block","tag":"div","classes":["04e069b0-1d09-05d8-22d5-d01ce9d11272"],"children":["1151d4f2-5b3f-2364-78ad-8f73b7a712fd","f8c6acf2-ef2a-b129-8d02-460089056734"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"1151d4f2-5b3f-2364-78ad-8f73b7a712fd","type":"FormBlockLabel","tag":"label","classes":["5c90541b-3414-107f-e43f-256ae08abd9e"],"children":["1151d4f2-5b3f-2364-78ad-8f73b7a712fe"],"data":{"form":{"type":"label","passwordPage":false},"search":{"exclude":false},"users":"","xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"for":"Individual","id":""},"visibility":{"conditions":[]}}},{"_id":"1151d4f2-5b3f-2364-78ad-8f73b7a712fe","text":true,"v":"Individual Select With Search"},{"_id":"f8c6acf2-ef2a-b129-8d02-460089056734","type":"FormSelect","tag":"select","classes":["249e642b-f906-733b-2508-0484ecc90cdf"],"children":[],"data":{"attr":{"id":"Individual","name":"Individual","data-name":"Individual","required":false,"multiple":false},"xattr":[{"name":"ms-code-custom-select","value":"select-with-search"}],"form":{"name":"Individual","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 Select Field With Search component allows users to easily select options from a dropdown menu while providing a search functionality for quick access to specific items.
Wesentliche Merkmale:
- Includes a searchable dropdown for efficient selection
- Supports a wide range of options across various industries
- Customizable styling with a clean and modern design
- Responsive design suitable for all devices
Gestaltungselemente:
- Rounded corners with a subtle background color
- Font-weight styling for labels to enhance readability
- Consistent margin spacing for a neat layout
Potenzielle Anwendungsfälle:
- Ideal for forms in e-commerce websites to select product categories
- Useful for service-based businesses to filter service types
- Applicable in educational platforms for course selection
- Great for job application forms to choose industries
Conclusion: The Select Field With Search component is a versatile tool that enhances user experience by simplifying the selection process, making it suitable for a variety of 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.