Chargement du composant...
Chargement
Je vous remercie ! Je mettrai à jour
ce projet dès que possible.
ce projet dès que possible.
Oups ! Un problème s'est produit lors de l'envoi du formulaire.
Comment activer l'authentification Google
Comment activer l'authentification Facebook
Comment activer l'authentification Spotify
Comment activer l'authentification Dribbble
Comment activer l'authentification Github
Comment activer l'authentification LinkedIn
Comment activer les connexions sans mot de passe
Comment configurer la validation du mot de passe
Comment afficher/masquer le mot de passe
Comment travailler avec des images de profil
Comment ajouter un flux d'oubli de mot de passe
Comment travailler avec des cases à cocher
Comment configurer les tables de tarification
A propos du portail client Stripe
{"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}}
Cloner dans Webflow
Composant de copie
{"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}}
Navigateur non pris en charge. Utilisez
Chrome ou Safari.
Chrome ou Safari.
A propos de ce composant
Généré par l'IA
Description du composant (générée par l'IA)
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.
Caractéristiques principales :
- Multi-select capability
- Search functionality for quick option retrieval
- Customizable options for various industries
- User-friendly interface
- Responsive design
Éléments de conception :
- Rounded corners with a subtle background color
- Bold font for labels
- Margin spacing for clear separation between fields
Cas d'utilisation potentiels :
- 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.
Commencer à construire
Commencez à construire vos rêves
Memberstack est 100% gratuit jusqu'à ce que vous soyez prêt à vous lancer - alors, qu'attendez-vous ? Créez votre première application et commencez à construire dès aujourd'hui.