| Both sides previous revisionPrevious revisionNext revision | Previous revision |
| eg-259:lecture3 [2013/02/05 08:00] – [Forms] eechris | eg-259:lecture3 [2013/02/05 12:23] (current) – [About the Examples] eechris |
|---|
| See the instructions at [[https://github.com/cpjobling/eg-259-vm]]. | See the instructions at [[https://github.com/cpjobling/eg-259-vm]]. |
| |
| | * Go directly to the examples: http://localhost:4567/eg-259/examples/lecture3 |
| | * Browse the source code on GitHub: [[https://github.com/cpjobling/eg-259-vm/tree/master/web/eg-259/examples/lecture3|eg-259/examples/lecture3]] |
| |
| |
| |
| * The ''method'' attribute of ''<form>'' specifies one of the two possible techniques of transferring the form data to the server, ''get'' and ''post''((Early drafts of the HTML5 added ''put'' and ''delete'' but these have been removed until more is known abut how these verbs should be implemented by browsers. See [[https://www.w3.org/Bugs/Public/show_bug.cgi?id=10671|HTML5 Bug 10671]].)) | * The ''method'' attribute of ''<form>'' specifies one of the two possible techniques of transferring the form data to the server, ''get'' and ''post''((Early drafts of the HTML5 added ''put'' and ''delete'' but these have been removed until more is known abut how these verbs should be implemented by browsers. See [[https://www.w3.org/Bugs/Public/show_bug.cgi?id=10671|HTML5 Bug 10671]].)) |
| * The ''get'' and ''post'' are discussed in great detail later in the module. | * The actions of the ''get'' and ''post'' methods are discussed in great detail later in the module. |
| * The ''get'' method is the default and this is not necessarily a good thing! | * The ''get'' method is the default |
| |
| | ---- |
| | |
| | The fact that the ''get'' method is the default is not necessarily a good thing! |
| |
| |
| <form action = "/cgi-bin/echo_params.cgi"> | <form action = "/cgi-bin/echo_params.cgi"> |
| <p> | <p> |
| With <code>size="1"</code> (the default) | With <code>size = "4"</code> (specified) and <code>multiple</code>. |
| <select name = "groceries"> | Note use of <code>selected</code> because we always need bread! |
| <option value = "milk"> milk </option> | Ctrl-Click (Command-Click on Mac) to make multiple selections. |
| <option value = "bread"> bread </option> | <select name = "groceries" size="4" multiple> |
| <option value = "eggs"> eggs </option> | <option value="milk"> milk </option> |
| <option value = "cheese"> cheese </option> | <option value="bread" selected> bread </option> |
| | <option value="eggs"> eggs </option> |
| | <option value="cheese"> cheese </option> |
| </select> | </select> |
| </p> | </p> |
