Password Input

When you type a password, you usually don't see the text you typed, only dots. That's so that nobody looking at your screen can read it.

An input like this is created by the input element with the attribute type="password":

<label for="input-pin">PIN</label>
<input type="password" name="pin" id="input-pin">

This code is displayed like this (try typing into it):

We use this input wherever users enter something secret.

So that each label and its input are on their own line, we put them into a div. A div always starts on a new line. In the editor, we've already wrapped the name in a div and prepared an empty div for the password.