The document outlines various HTML form elements including <input>, <label>, <select>, <textarea>, <button>, <fieldset>, <legend>, <datalist>, <output>, <option>, and <optgroup>. It explains the functionality and use cases for each element, such as the <input> element's versatility depending on the type attribute, and the importance of <label> for accessibility. Additionally, it discusses grouping data with <fieldset> and defining options with <select> and <datalist>, among other features.

1. HTML FORM
ELEMENTS
-Venu Regula

2. DIFFERENT KINDS OF
HTML <FORM> ELEMENTS
•<input>
•<label>
•<select>
•<textarea>
•<button>
•<fieldset>
•<legend>
•<datalist>
•<output>
•<option>
•<optgroup>
2

3. The <input> Element
• One of the most used form elements is the <input> element.
• The <input> element can be displayed in several ways, depending
on the type attribute.

4. The <label>
Element
• The <label> element is useful for screen-reader users
• The ‘for’ attribute is used to bind an input element

5. 5
The <button> Element
• The <button> element defines a clickable button

6. 6
The <select>, <option> and
<optgroup> Elements
• The HTML <select> tag is used to create a menu of
options.
• Each of the options is represented by the <option>

7. 7
The <textarea> Element
• The HTML <textarea> tag is used to define a customizable
multiline text input field.

8. 8
The <fieldset> and <legend>
Elements
• The <fieldset> element is used to group related data in a form.
• The <legend> element defines a caption for the <fieldset>
element.

9. 9
The <datalist> Element
• The <datalist> tag defines a list of pre-defined options
for an <input> element
• The list attribute of the <input> element, must refer to
the id attribute of the <datalist> element.

10. 10
The <output> Element
• The HTML <output> tag is a container element that is used to
store the output of a calculation usually performed using
javascript

11. THANK
YOU
Venu Regula
regulavenu985@gmail.com