htmlDemo5 - Demo 5 XP Introducing Web Forms XP Creating Web...

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

View Full Document Right Arrow Icon
1 Demo 5 Adapted From New Perspectives on HTML and XHTML, Comprehensive Patrick Carey, Course Technology 1 XP Creating Web Page Forms Demo 5 Demo 5 Adapted From New Perspectives on HTML and XHTML, Comprehensive Patrick Carey, Course Technology 2 XP Introducing Web Forms Web forms collect information from customers. • Web forms include different control elements including: – Input boxes – Selection lists – Drop-down lists boxes – Option buttons or radio buttons – Check boxes – Group boxes – Text areas – Form buttons Demo 5 Adapted From New Perspectives on HTML and XHTML, Comprehensive Patrick Carey, Course Technology 3 XP Forms and Server-Based Programs • While HTML supports the creation of forms, it does not include tools to process the information. • The information can be processed through a program running on a Web server. Demo 5 Adapted From New Perspectives on HTML and XHTML, Comprehensive Patrick Carey, Course Technology 4 XP Forms and Server-Based Programs • Server-based programs are written in many languages • The earliest and most commonly used are Common Gateway Interface (CGI) scripts that are written in perl . • Other popular languages include: – AppleScript - PHP – ASP - TCL – ColdFusion - the Unix shell – C/C++ - Visual Basic Demo 5 Adapted From New Perspectives on HTML and XHTML, Comprehensive Patrick Carey, Course Technology 5 XP Creating the Form Element • Forms are created using the form element, structured as follows: <form attributes > elements </form> Where attributes are the attributes that control how the form is processed and elements are elements places within the form. Demo 5 Adapted From New Perspectives on HTML and XHTML, Comprehensive Patrick Carey, Course Technology 6 XP Creating the Form Element • Form attributes usually tell the browser the location of the server-based program to be applied to the form’s data. • Always specify an id or name for the form. • Two attributes are available to identify the form: id and name .
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 Demo 5 Adapted From New Perspectives on HTML and XHTML, Comprehensive Patrick Carey, Course Technology 7 XP Creating the Form Element • The syntax of the id and name attributes are as follows: <form name=“name” id=“id”>… </form> Where name is the name of the form and id is the id of the form. Demo 5 Adapted From New Perspectives on HTML and XHTML, Comprehensive Patrick Carey, Course Technology 8 XP Creating Input Elements • The general syntax of input elements is as follows: <input type=“ type ” name=“ name ” id=“ id ”/ > Where type specifies the type of input field, and the name and id attributes provide the field’s name and id. Demo 5 Adapted From New Perspectives on HTML and XHTML, Comprehensive Patrick Carey, Course Technology 9 XP Creating Input Elements • Input types: type=“button” Displays a button that can be clicked to perform an action from a script type=“checkbox Displays a check box type=“file”
Background image of page 2
Image of page 3
This is the end of the preview. Sign up to access the rest of the document.

This note was uploaded on 05/29/2010 for the course CS 22 taught by Professor Weddffd during the Spring '08 term at Colorado State.

Page1 / 7

htmlDemo5 - Demo 5 XP Introducing Web Forms XP Creating Web...

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

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