HTML Input Types

The <input> element is the most important form element.

The <input> element displays in many ways, depending on the type attribute.

Here are the different input types:

Input Type Text

<input type="text"> defines a single-line text input field:

<form>
  <label for="fname">First name:</label><br>
  <input type="text" id="fname" name="fname">
</form>

<input type="password"> defines a password field:

<label for="pwd">Password:</label><br>
<input type="password" id="pwd" name="pwd">

<input type="email"> is used for input fields that should contain an e-mail address.

Depending on browser support, the e-mail address can be automatically validated when submitted.

<label for="email">Enter your email:</label>
<input type="email" id="email" name="email">