Web forms and html (lect 5) Web forms and html (lect 5) http://phpexecutor.com

1. Web Forms and
HTML
Sam
Copyright © 2012 Muhammad Baqar Qazi.

2. Lecture-5

3. Input Type “Hidden”
• If you will want to pass information between pages without the user
seeing it.
• Hidden form controls remain part of any form, but the user cannot see
them in the Web browser.
• They should not be used for any sensitive information you do not want
the user to see because the user could see this data if looked in the
source of the page.
<input type=“hidden” name=“h1” value=“this is hidden field”/>

4. DIV
• The <div> tag defines a division or a section in an HTML document.
• The <div> tag is used to group block-elements to format them with
CSS.
• Supports all Global Attributes like, id, class, style, etc
• Example:
<div style="color:#0000FF">
<h3>This is a heading</h3>
<p>This is a paragraph.</p>
</div>

5. SPAN
• The <span> tag is used to group inline-elements in a document.
• The <span> tag provides no visual change by itself.
• Supports all Global Attributes like, id, class, style, etc
• Example:
<p>My Pet has <span style="color:blue">blue</span> eyes.</p>

6. Assignments
• Generate Form Controls Dynamically
1. Create Page1 with Form consisting of Textfield - getting no:
textfields to show on Page2 and a Submit Button.
2. Create a Page2 consisting of :
No: of
• 1 textfields(name)
• 2 Radios(Gender-Male & Female)
• 1 Select For Country
given from page1 in tablular format row wise.
3. Create a Page3 consisting of :
Values Given Through Form Controls on page2 in tablular format.

7. Questions
?