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

XHTML Tutorial - Using "hidden" Input Fields

By: FYIcenter.com

(Continued from previous topic...)

How To Use "hidden" Input Fields?

A "hidden" input field is defined as <input type="hidden" .../>. "hidden" input fields can be used to create invisible fields with predefined input values hidden in the form. There are other attributes you need to use for a "hidden" input field:

  • name="fieldName" - Specifies the name of this field.
  • value="hiddenValue" - Specifies the hidden value for this field.

Here is a tutorial example with 2 hidden 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>Hidden Input Fields</title>
 </head>
 <body>
  <h4>Online Survey</h4>
  <form action="http://localhost/submit" method="get">
  <p style="background-color: #eeeeee; padding: 8px;">
   Your name: <input type="text" name="name"
    value="Joe Miller"/><br/>
   Your email: <input type="text" name="email"
    value="joe@miller.com" size="32" maxlength="60"/><br/>
   <input type="hidden" name="site" value="FYIcenter"/>
   <input type="hidden" name="keys" value="FAQ,XHTML"/>
   <input type="submit" value="Submit"/> 
  </p>
  </form>
 </body>
</html>

If you save the above document as hidden_input.html, and view it with Internet Explorer, you will not see any signs of the 2 hidden input fields. But you click the submit button, you will get:

http://localhost/submit?name=Joe+Miller&email=joe@miller
  .com&site=FYIcenter&keys=FAQ%2CXHTML

(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...