📋Select
Add dropdown select inputs to forms in Webstudio.
Last updated
Was this helpful?
Was this helpful?
Label (for: country)
└── "Country"
Select (id: country, name: country)
├── Option (value: "") → "Select a country..."
├── Option (value: us) → "United States"
├── Option (value: uk) → "United Kingdom"
├── Option (value: ca) → "Canada"
└── Option (value: au) → "Australia"Option (value: "", disabled: true, selected: true)
└── "Please select..."country=us/* What you can customize */
Select {
border: 1px solid #ccc;
border-radius: 4px;
padding: 8px 12px;
background: white;
font-size: 16px;
}Select (name: languages, multiple: true)
├── Option (value: en) → "English"
├── Option (value: es) → "Spanish"
├── Option (value: fr) → "French"
└── Option (value: de) → "German"Select (name: category)
└── Collection (data: categories)
└── Option (value: category.id)
└── {category.name}