Chargement du composant...

Chargement

Plus de composants

Voir tout
Une partie de

Select Field With Search

Oups ! Un problème s'est produit lors de l'envoi du formulaire.
Select Field With Search
{"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}}
Cloner dans Webflow
Composant de copie
{"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}}
Navigateur non pris en charge. Utilisez
CC Chrome ou SS Safari.

A propos de ce composant

Généré par l'IA

Description du composant (générée par l'IA)

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.

Caractéristiques principales :

  • Includes a searchable dropdown for efficient selection
  • Supports a wide range of options across various industries
  • Customizable styling with a clean and modern design
  • Conception adaptée à tous les appareils

Éléments de conception :

  • Rounded corners with a subtle background color
  • Font-weight styling for labels to enhance readability
  • Consistent margin spacing for a neat layout

Cas d'utilisation potentiels :

  • 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.

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.