HTML Form Elements

Form Elements

  • input Tag
    - The <input> tag specifies an input field where the user can enter data.
    - The <input> element is the most important form element.
    <input type="text">


  • Text Area
    - A text area is a multiline text field. A user can write unlimited number of characters in the text area.
    <textarea>……</textarea>


  • Label
    - It defines a set of text that is associated with a particular element.
    <label>…..</label>


  • Fieldset
    - This creates a box around the related form controls.
    <fieldset>……</fieldset>


  • Legend
    - This tag defines a caption for the fieldset element.
    <fieldset>
    <legend>…….</legend>
    </fieldset>


  • Select Tag
    - The <select>….</select> tag creates a drop down list to accept a user input from a list of items.
    <select>….</select>


  • Option Tag
    - The <option>…</option> tags inside the <select>….</select> element define an option in the drop down list.
    <select>
    <option>………..</option>
    <option>………..</option>
    </select>


  • Optgroup Tag
    - The <optgroup>….</optgroup> tag helps to group related choices, when we have a llong list of option to select from the drop-down list created using the <select> tag.
    <select>
    <optgroup>
    <option>……</option>
    </optgroup>
    </select>


  • Button Tag
    - We can customize the appearance of button using the <button> tag.
    <button>…..</button>


  • Datalist Tag
    - The datalist tag provides an autocomplete feature, which means that it allows you to select an input from the predefined options. The datalist tag is combined with the input tag.
    <datalist>
    <option>………...</option>
    <option>………...</option>
    </datalist>





Cristle Academy

Compiler