HTML Form Elements

Common Form Elements

• <input>: The most used form element. It can be displayed in many ways, depending on the type attribute (e.g., text, password, checkbox, radio, submit).
• <label>: Defines a label for many form elements, which improves accessibility.
• <select>: Defines a drop-down list.
• <textarea>: Defines a multi-line text input control.
• <button>: Defines a clickable button.
• <fieldset> and <legend>: Used to group related data in a form with a caption.

<label for="cars">Choose a car:</label>
<select id="cars" name="cars">
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="fiat">Fiat</option>
  <option value="audi">Audi</option>
</select>

<textarea name="message" rows="10" cols="30">
The cat was playing in the garden.
</textarea>

<button type="button" onclick="alert('Hello world!')">Click Me</button>