Select, Textarea & Datalist

<select> — Dropdown Menu

Creates a dropdown where users choose one (or multiple) options. Each option goes in an <option> tag.

<textarea> — Multi-line Text

For longer text input like comments or messages. Use rows and cols to set the initial size.

<datalist> — Autocomplete Suggestions

Pairs with a text input to offer suggestions while still allowing free text entry.

Example

<!-- Dropdown -->
<select name="country">
  <option value="">-- Choose --</option>
  <option value="pk">Pakistan</option>
  <option value="us">USA</option>
  <option value="uk">UK</option>
</select>

<!-- Textarea -->
<textarea name="message" rows="4" cols="40"
  placeholder="Write your message..."></textarea>

<!-- Datalist autocomplete -->
<input list="langs" placeholder="Pick a language">
<datalist id="langs">
  <option value="HTML">
  <option value="CSS">
  <option value="JavaScript">
</datalist>

HTML

Full Editor

Related Resources

HTML Reference

Complete tag & property list

HTML How-To Guides

Step-by-step practical guides

HTML Exercises

Practice what you've learned