11. Textarea & Select Element

Textarea & Select

In addition to the basic input types, HTML forms offer other controls like textarea and select for richer user interaction. These elements allow for more complex data collection and provide a better user experience.

The Textarea Element:

  • The textarea element is used when you need multiline text input from the user.
  • This is particularly useful for comments, reviews, or any other type of input where the length is unpredictable.
  • Syntax:
<textarea name="comment" rows="4" cols="50">
      Enter your comment here...
</textarea>

The Select Element:

- The `select` element creates a dropdown menu for the user. It is useful when you have a predefined list of options for the user to choose from. - syntax: ```html ```

Combining Textarea and Select:


  • You can combine textarea and select in the same form to capture varied types of user input.
  • Code:
<form action="/submit">
      <textarea name="comment" rows="4" cols="50">Enter your comment here...</textarea>
      <select name="fruits">
        <option value="apple">Apple</option>
        <option value="banana">Banana</option>
        <option value="cherry">Cherry</option>
      </select>
      <input type="submit" value="Submit">
</form>