<p>The <code>&lt;input&gt;</code> element is used to create interactive controls for web-based forms to accept data from the user; a wide variety of input data and control widgets are available. It is one of the most powerful and complex elements in all of HTML due to the sheer number of combinations of input types and attributes present.</p>
<p>How <code>&lt;input&gt;</code> works vary considerably depending on the value of its <strong>type</strong> attribute. If an attribute is not specified, the default type adopted is <em>text</em>.</p>
<p>List of major INPUT TYPES:</p>
<div class="hn-table">
<table>
<thead>
<tr>
<td>Input type</td><td>Role</td></tr>
</thead>
<tbody>
<tr>
<td>"text"</td><td>defines a single-line text input field</td></tr>
<tr>
<td>"password"</td><td>defines a password field</td></tr>
<tr>
<td>"submit"</td><td>defines a button for submitting form data to a form-handler</td></tr>
<tr>
<td>"reset"</td><td>defines a reset button to reset all form values to their default</td></tr>
<tr>
<td>"radio"</td><td>radio buttons let a user select ONLY ONE of a limited number of choices</td></tr>
<tr>
<td>"checkbox"</td><td>checkboxes let a user select ZERO or MORE options of a limited number of choices</td></tr>
<tr>
<td>"button"</td><td>defines a button</td></tr>
<tr>
<td>"color"</td><td>used for input fields that should contain a colour</td></tr>
<tr>
<td>"date"</td><td>used for input fields that should contain a date</td></tr>
<tr>
<td>"email"</td><td>used for input fields that should contain an e-mail address</td></tr>
<tr>
<td>"number"</td><td>defines a numeric input field</td></tr>
</tbody>
</table>
</div>

The `<input>` element is used to create interactive controls for web-based forms to accept data from the user; a wide variety of input data and control widgets are available. It is one of the most powerful and complex elements in all of HTML due to the sheer number of combinations of input types and attributes present.

How `<input>` works vary considerably depending on the value of its **type** attribute. If an attribute is not specified, the default type adopted is *text*.

List of major INPUT TYPES:

| Input type | Role |
| --- | --- |
| "text" | defines a single-line text input field |
| "password" | defines a password field |
| "submit" | defines a button for submitting form data to a form-handler |
| "reset" | defines a reset button to reset all form values to their default |
| "radio" | radio buttons let a user select ONLY ONE of a limited number of choices |
| "checkbox" | checkboxes let a user select ZERO or MORE options of a limited number of choices |
| "button" | defines a button |
| "color" | used for input fields that should contain a colour |
| "date" | used for input fields that should contain a date |
| "email" | used for input fields that should contain an e-mail address |
| "number" | defines a numeric input field |

<strong> Style Coding

<strong> Style Coding

HTML <input> elements

Input type	Role
"text"	defines a single-line text input field
"password"	defines a password field
"submit"	defines a button for submitting form data to a form-handler
"reset"	defines a reset button to reset all form values to their default
"radio"	radio buttons let a user select ONLY ONE of a limited number of choices
"checkbox"	checkboxes let a user select ZERO or MORE options of a limited number of choices
"button"	defines a button
"color"	used for input fields that should contain a colour
"date"	used for input fields that should contain a date
"email"	used for input fields that should contain an e-mail address
"number"	defines a numeric input field