Web Forms and HTML

Sam

Copyright © 2012 Muhammad Baqar Qazi.

Lecture-5

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”/>

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>

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>

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.

Questions?