Forms

Exam 2

In class, 11/20.

Tools

XHTML to PDF translator: Prince 8.0 download or online converter.

Lab 11/13/12

The Bean Machine

1. Here is the code for chapter 14.
2. In the contest directory open the form.html with your browser. Try to enter the contest. Examine the html source for form.html and the contest.php files with a text editor.
3. Follow the instructions in the text to complete the Starbuzz Bean Machine order form. In form.html
   • Create a form element with action attribute http://www.starbuzzcoffee.com/processorder.php and method attribute POST.
   • Add text input elements for the name and address controls.
   • Add tel input and submit input elements for phone number and order controls.
   • Create a drop-down menu to choose a blend of coffee.
   • Add radio input elements to choose between whole and ground.
   • Add a Boolean checked attribute to the ground radio button.
   • Add number input and date input elements to get amount and arrival controls.
   • Add checkbox input elements for Extras.
   • Add a textarea element for comments.
4. Edit the index.html file in your LABS directory to have a link to the index.html page in the starbuzz directory.
5. Examine and understand the styledform.html and styledform.css files.
6. Examine and understand the accessform.html and accessform.css files.

Pocket Calculator

Create a My Calculator page in your About Me project. Use the <form> and <table> elements to create an HTML calculator. Inside a form element (with no attributes, for now) create a table with five rows and column. The first row should be one cell (spanning all five columns) containing a text input element. The remaining four rows should each have five cells. Each of these cells should contain a button input element. Set the text of these buttons and style the page so that the form looks like a pocket calculator. (For now, your calculator won't actually do anything. Eventually, you will use JavaScript to make your calculator functional.)

Always turn off your computer and screen before leaving the room.