Component laden...
Laden
Bedankt! Ik zal
dit project zo snel mogelijk bijwerken.
dit project zo snel mogelijk bijwerken.
Oeps! Er ging iets mis bij het verzenden van het formulier.
Hoe Google-verificatie inschakelen
Facebook-verificatie inschakelen
Spotify verificatie inschakelen
Hoe Dribbble verificatie in te schakelen
Hoe de Github-authenticatie in te schakelen
Hoe LinkedIn verificatie inschakelen
Hoe wachtwoordloze aanmeldingen inschakelen
Hoe wachtwoordvalidatie configureren
Hoe wachtwoord tonen/verbergen
Werken met profielafbeeldingen
Hoe een wachtwoord vergeten-flow toevoegen
Werken met selectievakjes
Hoe prijstabellen configureren
Over het Stripe klantenportaal
{"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
Kopieer component
{"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 niet ondersteund. Gebruik
Chrome of Safari.
Chrome of Safari.
Over dit onderdeel
AI-gegenereerd
Beschrijving van onderdeel (gegenereerd door AI)
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.
Belangrijkste kenmerken:
- Multi-select capability
- Search functionality for quick option retrieval
- Customizable options for various industries
- User-friendly interface
- Responsief ontwerp
Ontwerpelementen:
- Rounded corners with a subtle background color
- Bold font for labels
- Margin spacing for clear separation between fields
Potentiële gebruikssituaties:
- 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.
Bouwen
Begin met het bouwen van je dromen
Memberstack is 100% gratis totdat u klaar bent om te lanceren - dus waar wacht u nog op? Maak je eerste app en begin vandaag nog.