Understanding the Web
How to create a website
Parts of an HTML page
Structure of an HTML Document
- The Outer Structure of an HTML Document
- Parents, Children, Descendants and Siblings
- Setting Up the Basic Document Structure
Creating and viewing a WEB PAGE
Text formatting in HTML
- Basic text formatting elements
- Creating Breaks
- Abbreviations, Definitions, Quotations and Citations
- Working with language elements
- Other text elements
- More formatting elements
Organising information using lists
Structure content with tables
Data collection with forms
- How a form looks like?
- Creating forms
- Input tags
- Text fields
- Password fields
- Checkboxes and radio buttons
- Hidden fields
- File upload fields
- Drop-down list fields
- Multiline text boxes
- Submit and Reset buttons
Navigation with links
A hidden field lets you collect name and value information that the user can’t see along with the rest of the form data. Hidden fields are useful for keeping track of information associated with the form, such as its version or name.
If your Internet service provider (ISP) provides a generic application for a guest book or feedback form, you might have to put your name and e-mail address in the form’s hidden fields so that the data goes specifically to you.
To create a hidden field, here’s what you do:
- Use the <input> element with its type attribute set to hidden.
- Supply the name and value pair you want to send to the form handler.
Here’s an example of markup for a hidden field:
<!DOCTYPE html> <html> <head> </head> <body> <form method="post"> <input type="hidden" name="e-mail" value="edupoly.com"> <ul> <li>First Name: <input type="text" name="firstname" size="30" maxlength="25"></li><br> <li>Last Name: <input type="text" name="lastname" size="30" maxlength="25"></li><br> <li>Password: <input type="password" name="psswd" size="30" maxlength="25"></li> </ul> </form> </body> </html>
- First Name:
- Last Name: