Bookmark and Share

HTML - Hidden Field

Hidden fields allow a coder to pass values to form elements in a subtle manner. An experienced web developer will utilize these fields to pass temporary, or session-based data, from one form to another or to store information that has already been entered in by the user.

Advertise on

Place a hidden input field into your web forms using the <input> tag and set the type attribute to "hidden". This field can be customized using any of the attributes discussed in the HTML Input and HTML Text Fields lessons.

HTML Hidden Input Field:

<form name="myWebForm" action="" method="post">
First: <input title="Please Enter Your First Name" id="first" name="first" type="text" size="12" maxlength="12" /> Last: <input title="Please Enter Your Last Name" id="last" name="last" type="text" size="18" maxlength="24" /><br />
Password: <input type="password" title="Please Enter Your Password" size="8" maxlength="8" /><br /><br />
<input type="hidden" name="orderNumber" id="orderNumber" value="0024" /><br />
<input type="submit" value="SUBMIT" />
<input type="reset" value="RESET" />

HTML Hidden Fields:

First: Last:

It is important to note that HTML hidden fields do not offer any data security. Like all HTML form elements, the data is processed in plain text and is readily accessible by any novice hacker.

Bookmark and Share

Found Something Wrong in this Lesson?

Report a Bug or Comment on This Lesson - Your input is what keeps Tizag improving with time!

Advertise Here

More Tutorials!
Microsoft Office Tutorials Artist Tutorials