Forms - CSE 102 Introduction to Web Design and Programming...

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

View Full Document Right Arrow Icon
CSE 102 Introduction to Web Design and Programming Forms
Background image of page 1

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

View Full Document Right Arrow Icon
Midterm Results N: 77 Median: 77 Average: 74 Range: 29 – 95
Background image of page 2
Midterm Exam 1 Results Histogram 0 5 10 15 20 25 < 30 30-39 40-49 50-59 60-69 70-79 80-89 90 + Number of Student Scores in Range A B C D F
Background image of page 3

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

View Full Document Right Arrow Icon
Data The HTML Form Enables browsers to collect info from users and send the data to a designated server sent via an HTTP POST or GET query The receiving server invokes specified programming to process the data and provide a response commonly a CGI program Client Server Internet Query Response Web Browser Form Web Server CGI Program
Background image of page 4
The <form> element Designed to collect input from Web surfers for processing on the server side To create a form, place different types of input- control elements inside a form click buttons radio buttons check boxes pull-down menus Input elements for creating these controls: <input>, <select>, <textarea>, & <button>
Background image of page 5

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

View Full Document Right Arrow Icon
Starting XHTML Document <?xml version="1.0" encoding="UTF-8" ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <title>Web Page with Forms</title> <link rel="stylesheet" type="text/css" href="./css/MyStyleSheet.css"/> </head> <body> </body> </html>
Background image of page 6
Add to your document’s body <form method="post" action="/cgi-bin/member.cgi"> <pre> Name: <input name="name" size="35" /> Email: <input name="email" size="35" /> <input type="submit" value="Send" /> </pre> </form> Must be either get or post , both in lower case
Background image of page 7

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

View Full Document Right Arrow Icon
Form Basics A typical form element consists of these essential parts: 1. Instructions for the user on what info is needed & how to fill out the form
Background image of page 8
Image of page 9
This is the end of the preview. Sign up to access the rest of the document.

{[ snackBarMessage ]}

Page1 / 21

Forms - CSE 102 Introduction to Web Design and Programming...

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

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