Home >> FAQs/Tutorials >> XHTML Tutorials and Tips >> Index

XHTML Tutorial - Using "password" Input Fields

By: FYIcenter.com

(Continued from previous topic...)

How To Use "password" Input Fields?

A "password" input field is defined as <input type="password" .../>. A "password" input field can be used to create an input field to allow viewers to enter text strings or numbers without showing the entered in clear text. A "password" input field is ideal for password inputting. There are other attributes you may need to use for a "password" input field:

  • name="fieldName" - Specifies the name of this field.
  • value="defaultValue" - Specifies a default value for this field.
  • size="number" - Specifies the size of the input box in number of characters.
  • maxlength="number" - Specifies the maximum length of the input data.

Here is a tutorial example with two password input fields:

<?xml version="1.0" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
 <head>
  <title>Password Input Fields</title>
 </head>
 <body>
  <h4>Online Survey</h4>
  <form action="/survey.php">
  <p style="background-color: #eeeeee; padding: 8px;">
   Your password: <input type="password" name="pword"
    value="ui6c7g6p"/><br/>
   Password again: <input type="password" name="pword2"
    value="ui6c7g6p" size="12" maxlength="12"/><br/>
   <input type="submit" value="Submit"/>
  </p>
  </form>
 </body>
</html>

If you save the above document as password_input.html, and view it with Internet Explorer, you will see a form with two password input fields of different sizes as shown below:
            Password Input Fields

(Continued on next topic...)

  1. What Is a "form" Tag/Element?
  2. What Are the Attributes of a "form" Element?
  3. What Is an "input" Tag/Element?
  4. How Many Input Types Are Supported by "input" Elements?
  5. How To Use "text" Input Fields?
  6. How To Use "password" Input Fields?
  7. How To Use "checkbox" Input Fields?
  8. What Are the Values Submitted on Checkbox Fields?
  9. How To Use "radio" Input Fields?
  10. What Are the Values Submitted on Radio Button Fields?
  11. How To Use "submit" Input/Action Fields?
  12. What Are the Values Submitted on Submit Button Fields?
  13. How To Use "reset" Input/Action Fields?
  14. How To Use "file" Input Fields?
  15. How To Use "hidden" Input Fields?
  16. How To Use "image" Input Fields?
  17. What Are the Values Submitted on Image Button Fields?
  18. How To Use "button" Input Fields?
  19. What Is a "textarea" Tag/Element?
  20. What Are the Attributes of a "textarea" Element?
  21. What Is a "select" Tag/Element?
  22. What Is an "option" Tag/Element?
  23. What Is a "label" Tag/Element?
  24. Can Two Forms Be Nested?
  25. Do Broswers Support Multiple Forms?


Selected Developer Jobs:

More...