eg-259:lecture3
Differences
This shows you the differences between two versions of the page.
Both sides previous revisionPrevious revisionNext revision | Previous revision | ||
eg-259:lecture3 [2013/02/04 16:54] – [A sales order form] eechris | eg-259:lecture3 [2013/02/05 12:23] (current) – [About the Examples] eechris | ||
---|---|---|---|
Line 40: | Line 40: | ||
See the instructions at [[https:// | See the instructions at [[https:// | ||
+ | * Go directly to the examples: http:// | ||
+ | * Browse the source code on GitHub: [[https:// | ||
Line 87: | Line 88: | ||
===== Forms ===== | ===== Forms ===== | ||
- | * A form is the usual way information is gotten from a browser | + | * A form is the usual way information is gotten from a user to a web application |
* HTML has tags to create a collection of objects that implement this information gathering | * HTML has tags to create a collection of objects that implement this information gathering | ||
* The objects are called // | * The objects are called // | ||
Line 97: | Line 98: | ||
* The ''< | * The ''< | ||
- | |||
* All of the widgets must be defined in the content of a ''< | * All of the widgets must be defined in the content of a ''< | ||
+ | * There can be any number of independent forms on a single web page | ||
===== Form — action attribute ===== | ===== Form — action attribute ===== | ||
Line 112: | Line 113: | ||
* The '' | * The '' | ||
- | * The '' | + | * The actions of the '' |
- | * The '' | + | * The '' |
+ | |||
+ | ---- | ||
+ | The fact that the '' | ||
Line 441: | Line 445: | ||
<form action = "/ | <form action = "/ | ||
<p> | <p> | ||
- | With < | + | With < |
- | <select name = " | + | Note use of < |
- | <option value = " | + | Ctrl-Click (Command-Click on Mac) to make multiple selections. |
- | <option value = " | + | <select name = " |
- | <option value = " | + | <option value=" |
- | <option value = " | + | <option value=" |
+ | <option value=" | ||
+ | <option value=" | ||
</ | </ | ||
</p> | </p> | ||
Line 603: | Line 609: | ||
* Required fields must have a value before you can submit the form. | * Required fields must have a value before you can submit the form. | ||
- | ====== Example of a Required Field ====== | + | ===== Example of a Required Field ===== |
The markup for required fields is as simple as can be: | The markup for required fields is as simple as can be: | ||
Line 852: | Line 859: | ||
< | < | ||
<h2> Welcome to Millennium Gymnastics Booster Club Popcorn Sales </h2> | <h2> Welcome to Millennium Gymnastics Booster Club Popcorn Sales </h2> | ||
- | <form action= | + | <form action="/ |
- | | + | |
- | | + | |
<!-- A borderless table of text widgets for name and address --> | <!-- A borderless table of text widgets for name and address --> | ||
< | < | ||
Line 939: | Line 944: | ||
</ | </ | ||
</ | </ | ||
- | <hr /> | ||
eg-259/lecture3.txt · Last modified: 2013/02/05 12:23 by eechris