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:35] – [Demonstration] 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 638: | Line 645: | ||
| <h2> Visitor' | <h2> Visitor' | ||
| <hr /> | <hr /> | ||
| - | <form action="/ | + | <form action="/ |
| <p> | <p> | ||
| <label for=" | <label for=" | ||
| Line 695: | Line 702: | ||
| <h2> Visitor' | <h2> Visitor' | ||
| <hr /> | <hr /> | ||
| - | <form action="/ | + | <form action="/ |
| <p> | <p> | ||
| <label for=" | <label for=" | ||
| Line 752: | Line 759: | ||
| <h2> Welcome to Millennium Gymnastics Booster Club Popcorn Sales </h2> | <h2> Welcome to Millennium Gymnastics Booster Club Popcorn Sales </h2> | ||
| <form action= | <form action= | ||
| - | "/ | + | "/ |
| method=" | method=" | ||
| <!-- A borderless table of text widgets for name and address --> | <!-- A borderless table of text widgets for name and address --> | ||
| 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.1359995749.txt.gz · Last modified: 2013/02/04 16:35 by eechris