Web forms and html (lect 5)
Download as PPT, PDF0 likes198 views
This document discusses HTML form controls and elements. It explains that hidden form controls allow passing information between pages without the user seeing it. Div and span elements are used to group block and inline elements, respectively. The document provides examples of using these elements and assigns creating a multi-page form as a homework exercise.
Web forms and html (lect 5)
- 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 ?