Fill-Out Form Example #1
This is a very simple fill-out form example.
That's it.
Things you may want to note:
- Characters like "&", "%", and "$" in the text typed into the
text entry field are automatically escaped (into hex form: a
percent sign followed by a two-digit hex value corresponding to
the ASCII value of the character) when the query is constructed.
For example, the string "&%$" becomes "%26%25%24".
- By default, an
INPUT tag corresponds to a text entry
field. The TYPE attribute lets you change this --
the "submit" type indicates a special pushbutton that causes the
query to be submitted when it's pushed. Other types are
demonstrated in the other examples.
- Because this fill-out form contains only a single text entry
field, the query can be submitted by pressing return in the text
entry field (as well as by pressing the "Submit Query" button).
Forward to example 2.
Fill-Out Form Example #10
Fill-Out Form Example #10
This is another fill-out form example, with scrolled selection lists
with both one and n of many behavior.
Things you may want to note:
Back to example 9;
forward to example 11.
Fill-Out Form Example #11
Fill-Out Form Example #11
This is another fill-out form example, with multiline text entry
areas.
Things you may want to note:
Back to example 10;
forward to example 12.
Fill-Out Form Example #12
Fill-Out Form Example #12
This is another fill-out form example, with image maps.
Things you may want to note:
Back to example 11. ;
Forward to example 13
Fill-Out Form Example w/ Hidden Elements (#13)
Fill-Out Form Example w/ Hidden Elements (#13)
This is a very simple fill-out form example.
Things you may want to note:
- Each text entry field is given a distinct
NAME
attribute.
- The query that results from this form looks like this:
"?entry1=blah&entry2=blargh&entry3=blorf" (assuming "blah"
had been typed into the first field, "blargh" into the second,
and "blorf" into the third).
- If nothing is typed into any of the fields, the corresponding
"name=value" pairs will still be present in the query, with the
value simply absent. So, if you type "blah" into the first field
and "blorf" into the third but nothing into the second, the query
is "?entry1=blah&entry2=&entry3=blorf".
Back to example 1 or forward to example 3.
Fill-Out Form Example #3
Fill-Out Form Example #3
This is another fill-out form example, with multiple text entry
fields and checkboxes.
Things you may want to note:
- By default, checkboxes are off.
- When the query is packaged up, off checkboxes are ignored
completely and on checkboxes are given the values specified by
the
VALUE attribute in each INPUT tag.
- Multiple checkboxes can have the same
NAME, if
desired.
- Checkboxes are very similar in use and interpretation on the
server side to text entry fields.
- Checkboxes are "n of many": Any number of them can be on or off
at any time. (The alternative scheme, "one of many", in which
only one out of a group of several toggle buttons can be on, is
not yet supported by Mosaic.)
Back to example 2 or forward to example 4.
Fill-Out Form Example #4
Fill-Out Form Example #4
This is another fill-out form example, with default values for some
text entry fields and checkboxes.
Things you may want to note:
- A
VALUE attribute to an INPUT tag of
TYPE "text" specifies the default value of that text
field.
- A
VALUE attribute to an INPUT tag of
TYPE "checkbox" specifies the value that checkbox
takes when it's on. If this attribute is not present, the
default is "on".
- A
CHECKED attribute to a checkbox specifies that the
checkbox is on by default.
- Similar to how an
INPUT tag of TYPE
"submit" is a special query submission button, an
INPUT tag of TYPE "reset" is a special
form reset button. (If all of the input elements have no default
values, this may be better termed a "clear" button; the label on
the pushbutton included in the form is controlled by the
VALUE attribute to that INPUT tag.)
Back to example 3 or forward to example 5.
Fill-Out Form Example #5
Fill-Out Form Example #5
This is another fill-out form example, with various text entry field
attributes demonstrated.
Back to example 4 or forward to example 6.
Fill-Out Form Example #6
Fill-Out Form Example #6
This is another fill-out form example, demonstrating multiple
independent fill-out forms in the same document.
Back to example 5 or forward to example 7.
Fill-Out Form Example #7
Fill-Out Form Example #7
This is another fill-out form example, with toggle buttons.
Things you may want to note:
- Radio buttons (type
RADIO) are one-of-many input
elements. The "many" is all radio buttons in the form with the
same NAME.
- In other ways,
RADIO is the same as
CHECKBOX.
- Multiple sets of radio buttons (radio buttons with the same
NAME) can be in a single form. This may require
careful document/interface design to keep things obvious -- don't
intermix radio buttons of different NAME values, or
the user won't understand how the interface works.
Back to example 6 or forward to example 8.
Fill-Out Form Example #8
Fill-Out Form Example #8
This is another fill-out form example, with a password entry form.
Things you may want to note:
-
INPUT elements of type PASSWORD are
normal text entry fields, except all characters are represented
by an asterisk (*).
Back to example 7 or
forward to example 9.
Fill-Out Form Example #9
Fill-Out Form Example #9
This is another fill-out form example, with option menus.
Things you may want to note:
- Whitespace is cleaned (supposedly).
- If you don't specify any of the
OPTIONs as
SELECTED, the first option will be the default.
Back to example 8;
forward to example 10.