HTML Reference Sheet

Form Field Types

Every field below is a plain HTML <input> with a different type attribute, plus two other common form elements. Try typing into each one and notice how the browser behaves differently without a single line of JavaScript. Click any of the dark type="..." tags to see that element written out in full.

type="text"

Accepts any character. No validation of its own.

type="email"

Checks for a basic email shape before the form can submit.

type="number"

Gives you up and down arrows and rejects letters.

type="password"

Same as a text field, but every character is masked.

type="date"

Opens a calendar picker built into the browser.

<textarea>

Built for multiple lines. It is its own tag, not an input type.

<select>

Also its own tag. The selected attribute sets the starting value.

This button does not send data anywhere. It shows you what a real submission would collect.