Chapter 11

Chapter 11 - Principles of Web Design 5th Edition Chapter...

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

View Full Document Right Arrow Icon
Principles of Web Design 5 th Edition Chapter Eleven Web Forms
Background image of page 1

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

View Full DocumentRight Arrow Icon
Objectives When you complete this chapter, you will be able to: Understand how forms work Use the <form> element Create input objects Style forms with Cascading Style Sheets (CSS) 2 Principles of Web Design 5 th Ed.
Background image of page 2
Understanding How Forms Work
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 Understanding How Forms Work Forms let you build interactive Web pages that collect information from a user and process it on the Web server The HTML form is the interface for the user to enter data The data is processed by applications that reside on the Web server Principles of Web Design 5 th Ed.
Background image of page 4
5 Understanding How Forms Work The data-processing software can then work with the data and send a response back to the user The user enters data via an HTML form Principles of Web Design 5 th Ed.
Background image of page 5

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

View Full DocumentRight Arrow Icon
Principles of Web Design 5 th Ed. 6
Background image of page 6
Using the <form> Element
Background image of page 7

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

View Full DocumentRight Arrow Icon
Using the <form> element The <form> element is the container for creating a form A variety of attributes describe how the form data will be processed 8 Principles of Web Design 5 th Ed.
Background image of page 8
Principles of Web Design 5 th Ed. 9
Background image of page 9

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

View Full DocumentRight Arrow Icon
10 Using the <form> element The following code shows a typical <form> element: <form method="post" action="https://signup.website.com/register.asp"> Principles of Web Design 5 th Ed.
Background image of page 10
Using get or post The difference between get and post is the way the data is sent to the server method=“get”: this method sends the form information by including it in the URL method=“post”: this method sends the form information securely to the server within the message body Principles of Web Design 5 th Ed. 11
Background image of page 11

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

View Full DocumentRight Arrow Icon
Lets you collect data from a form and send it to any e-mail address <form action="mailto:joel@joelsklar.com" method="post" enctype="text/plain"> Principles of Web Design 5 th Ed. 12
Background image of page 12
Image of page 13
This is the end of the preview. Sign up to access the rest of the document.

This note was uploaded on 01/13/2012 for the course IS 3020 taught by Professor Staff during the Spring '08 term at Kennesaw.

Page1 / 49

Chapter 11 - Principles of Web Design 5th Edition Chapter...

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

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