Select, Textarea, and Buttons

Beyond input elements, forms use select dropdowns, textareas for longer text, and various button types.

Select Dropdowns

Select elements:

• <select> - Dropdown container
• <option> - Individual choices
• value - Submitted value (text shown if empty)

Option Groups

<optgroup> groups related options with a label.

Multiple Select

Attributes:

• multiple - Allow multiple selections
• size - Visible options without scrolling

Textarea

Textarea attributes:

• rows / cols - Size (better to use CSS)
• placeholder - Hint text
• maxlength - Character limit
• Content between tags is default value

Button Types

Button types:

• submit - Submits the form (default)
• reset - Clears all fields
• button - No default action

Input vs Button Submit

Datalist for Autocomplete

Datalist provides autocomplete suggestions:

• Linked via list attribute
• User can type custom values
• Options appear as suggestions

Output Element

Exercise: Create Feedback Form

Create a feedback form with select, textarea, and buttons:

These elements provide rich user input options beyond simple text fields!