Lecture 6 Forms, Search and widgets

Lecture 6 Forms, Search and widgets - Lecture # 6 Forms,...

Info iconThis preview shows pages 1–6. Sign up to view the full content.

View Full Document Right Arrow Icon
1 Lecture # 6 Forms, Widgets and Event Handling Today Questions : From notes/reading/life? Share Personal Web Page (if not too personal) 1. Introduce : How do we make web pages interactive? 2. Explain : Forms, Widgets and Event Handling 3. Demo : Interactive Web pages – follow along on laptop 4. Practice : Your group will create an interactive web page 5. Evaluate : Share and evaluate web pages 6. Re-practice : Create your own web page with Lab # 3 Preview Lab # 3 Review Data Representation Understand Understand how web searching works Today Questions : From notes/reading/life? Share Personal Web Page (if not too personal) 1. Introduce : How do we make web pages interactive? 2. Explain : Forms, Widgets and Event Handling 3. Demo : Interactive Web pages – follow along on laptop 4. Practice : Your group will create an interactive web page 5. Evaluate : Share and evaluate web pages 6. Re-practice : Create your own web page with Lab # 3 Preview Lab # 3 Review Data Representation Understand Understand how web searching works
Background image of page 1

Info iconThis preview has intentionally blurred sections. Sign up to view the full version.

View Full DocumentRight Arrow Icon
2 How does a web page… • Accept user input • Include buttons, text boxes, labels, etc. • Send information in a URL link • Dynamically respond to the user Answer: Forms Forms Forms - requests to a web-site • How to get information from the user • When to send the request • Where to send the request • How to send the user ` s information with the request
Background image of page 2
3 <body> <h1>Example form</h1> <form action="http://students.cs.byu.edu/cgi/findMe"> First name <input name=firstName size=20 value="Phred"> <p> Last name <input name=lastName size=20 value="Phinster"> <p> <input type="submit" value="Find Me"> </form> </body> Labels <body> <h1>Example form</h1> <form action="http://students.cs.byu.edu/cgi/findMe"> First name <input name=firstName size=20 value="Phred"> <p> Last name <input name=lastName size=20 value="Phinster"> <p> <input type="submit" value="Find Me"> </form> </body>
Background image of page 3

Info iconThis preview has intentionally blurred sections. Sign up to view the full version.

View Full DocumentRight Arrow Icon
4 Labels How to get info from the user <body> <h1>Example form</h1> <form action="http://students.cs.byu.edu/cgi/findMe"> First name <input name=firstName size=20 value="Phred"> <p> Last name <input name=lastName size=20 value="Phinster"> <p> <input type="submit" value="Find Me"> </form> </body> Parts to an input tag • <input name= l N z size=20 value= l Q z > • Name - the name that this input information will be given • Size - the number of characters that the user can type • Value – what initially appears in the input
Background image of page 4
When to send the request <body> <h1>Example form</h1> <form action="http://students.cs.byu.edu/cgi/findMe"> First name <input name=firstName size=20 value="Phred"> <p> Last name <input name=lastName size=20 value="Phinster"> <p> <input type="submit" value="Find Me"> </form> </body> When to send the request Where to send the request <body> <h1>Example form</h1> <form action="http://students.cs.byu.edu/cgi/findMe"> First name <input name=firstName size=20 value="Phred"> <p> Last name <input name=lastName size=20 value="Phinster"> <p> <input type="submit" value="Find Me"> </form> </body>
Background image of page 5

Info iconThis preview has intentionally blurred sections. Sign up to view the full version.

View Full DocumentRight Arrow Icon
Image of page 6
This is the end of the preview. Sign up to access the rest of the document.

This note was uploaded on 10/11/2011 for the course CS 100 taught by Professor Billbarrett during the Fall '11 term at BYU.

Page1 / 20

Lecture 6 Forms, Search and widgets - Lecture # 6 Forms,...

This preview shows document pages 1 - 6. Sign up to view the full document.

View Full Document Right Arrow Icon
Ask a homework question - tutors are online