Using the input element to create hidden data items

You use the hidden type of input element to send data items to the server without showing them to the user.

 
<!DOCTYPE HTML>
<html>
<head>
<title>Example</title>
</head>
<body>
      <form method="post" action="http://yourServer/form">
            <input type="hidden" name="recordID" value="1234" />
            <p>
                  <label for="name"> Name: 
                           <input value="Mark" id="name" name="name" />
                  </label>
            </p>
            <p>
                  <label for="password"> Password: 
                        <input type="password" placeholder="Min 6 characters" id="password" name="password" />
                  </label>
            </p>
            <p>
                  <label for="fave"> Favorite: 
                          <input type="text" id="fave" name="fave" />
                  </label>
            </p>
            <input type="submit" value="Submit Vote" />
      </form>
</body>
</html>

Click to view this demo.

Home
HTML CSS Book
HTML

input Restricted: