Field

A placeholder disappears the moment you type. It cannot carry the name of the field.

Name

Type in it

Label

The label starts in the field, like a tag. On focus or a value it sits on the border. That is the field above.

A placeholder cannot do that job. Type in this one. The name is gone the moment you type.

Name

Type. The name is gone.

Error is a sentence, not a box. The input keeps its height. A line under the field is reserved, so the form does not jump when validation fires.

Name

Enter a name.

The height does not jump.