Form Fields

Text Entry

Space to type one line of text.

Example: 

<input type="text" name="(A)" size="(B)" maxlength="(C)" value="(D)">
  1. (optional unless form processor requires it) The name of the form field.
  2. (optional) The size of the form field, specified in number of characters.
  3. (optional) The maximum number of characters that may be typed into the form field.
  4. (optional) The characters to pre-fill the form field with when the web page is first loaded.

Password

Space to type a password.

Identical to form field Text Entry except the type is "password" instead of "text"
and the characters typed into the field are hidden behind asterisk characters.

Example: 

<input type="password" name="(A)" size="(B)" maxlength="(C)" value="(D)">
  1. (optional unless form processor requires it) The name of the form field.
  2. (optional) The size of the form field, specified in number of characters.
  3. (optional) The maximum number of characters that may be typed into the form field.
  4. (optional) The characters to pre-fill the form field with when the web page is first loaded.

Text Area

Space to type many lines of text.

Example: 

<textarea name="(A)" cols="(B)" rows="(C)" wrap="(D)"> (E) </textarea>
  1. (optional unless form processor requires it) The name of the form field.
  2. (optional) The number of columns for the width of the text area box, specified in number of characters.
  3. (optional) The number of character rows for the height of the text area box.
  4. (optional) The wrapping instructions — off, soft, hard, virtual, or physical.
  5. (optional) The characters to pre-fill the form field with when the web page is first loaded. (May be multi-line.)

Radio Button

Radio buttons to check. No more than one may be checked.

The form may be loaded without any checked, but once one of the group is checked,
one or another will always be checked — it can't be reversed to none checked.
All radio buttons of the same group must have the same name

Example: Yes No Maybe 

<input type="radio" name="(A)" value="(B)" (C)>
<input type="radio" name="(A)" value="(B)" (C)>
  1. (required) The name of the form field — all radio button fields in the same group must have the same name.
  2. (optional) The value to send to the form processing program.
  3. (optional) The word checked if the radio button is to be checked when the web page is first loaded.
    (Only one in the group may be pre-checked. If more than one has the checked attribute, the browser will ignore all but one.)
Note:
There may be one to probably an unlimited number of radio buttons in any one group. Forms may have one or many radio button groups.


Checkbox

Checkboxes to check.

The form may be loaded with any or none checked. The user may check/uncheck without restriction.

Example: Red Green Blue 

<input type="checkbox" name="(A)" value="(B)" (C)>
<input type="checkbox" name="(A)" value="(B)" (C)>
  1. (optional unless form processor requires it) The name of the form field. Checkboxes generally have unique names, even if grouped, although names are not required to be unique.
  2. (optional) The value to send to the form processing program.
  3. (optional) The word checked if the radio button is to be checked when the web page is first loaded.
Note:
There may be one to probably an unlimited number of checkboxes in any form. They do not need to be grouped.


Dropdown List

Dropdown list of items from which to make a selection. There is always exactly one item selected.

Example: 

<select name="(A)">
<option value="(B)" (C)> (D) </option> 
<option value="(B)" (C)> (D) </option>
</select>
  1. (optional unless form processor requires it) The name of the form field.
  2. (optional) The value to send to the form processing program if the list item is selected.
  3. (optional) The word selected if the dropdown list item is to be selected when the web page is first loaded.
    (Only one item may be pre-selected. If more than one has the selected attribute, the browser will ignore all but one.)
  4. (optional) The characters representing the list item that are to be printed in the dropdown list.
Note:
There may be one to probably an unlimited number of <option...>...</option> sets in a dropdown list.


Select Box

Select box of items from which to make a selection.
There may be zero, one, or (if the multiple attribute is used) more items selected.

Example: 

<select name="(A)" size="(B)" (C)>
<option value="(D)" (E)> (F) </option>
<option value="(D)" (E)> (F) </option>
</select>
  1. (optional unless form processor requires it) The name of the form field.
  2. (optional) The number of list items to display within the select box.
  3. (optional) The word multiple if more than one list item may be selected.
  4. (optional) The value to send to the form processing program if the list item is selected.
  5. (optional) The word selected if the dropdown list item is to be selected when the web page is first loaded.
  6. (optional) The characters representing the list item that are to be printed in the select box.
Note:
There may be one to probably an unlimited number of <option...>...</option> sets in a select box.


File Attach

Form field to specify a file to be uploaded.

Example: 

<input type="file" name="(A)" size="(B)" maxlength="(C)" accept="(D)" enctype="multipart/form-data">
  1. (optional unless form processor requires it) The name of the form field.
  2. (optional) The size of the form field, specified in number of characters.
  3. (optional) The maximum number of characters that may be typed into the form field.
  4. (optional) Which mime types to accept.

Hidden

Provide information to the form processor that's not visible to the user.

Example: 
<input type="hidden" name="(A)" value="(B)">
  1. (optional unless form processor requires it) The name of the form field.
  2. (optional) The value assigned to the form field.


Submit Button

Submit button to submit the form to the form processor.

Example: 

<input type="submit" name="(A)" value="(B)">
  1. (optional unless form processor requires it) The name of the form field.
  2. (optional) The text which will display on the submit button face.


Image

Image to submit the form to the form processor.

Example: 

<input type="image" name="(A)" src="(B)" align="(C)" border="(D)" width="(F)" height="(E)" hspace="(G)" vspace="(H)">
  1. (optional unless form processor requires it) The name of the form field.
  2. (required) The SRC of the image.
  3. (optional) The image alignment with surrounding text or other page elements — left, right, middle, top, texttop, absmiddle, baseline, bottom, or absbottom.
  4. (optional) The size of the border around the image, specified in pixels.
  5. (optional) The width of the image, specified in pixels.
  6. (optional) The height of the image, specified in pixels.
  7. (optional) The horizontal space around the image, specified in pixels.
  8. (optional) The vertical space around the image, specified in pixels.


Reset Button

Reset button to restore the form to its default values, the values it had when it was first loaded into the browser.

Example: 

<input type="reset" value="(A)">
  1. (optional) The text which will display on the reset button face.


Button Display

A button to display that runs some JavaScript when clicked.

Example: 

<input type="submit" name="(A)" value="(B)" onclick="(C)">
  1. (optional) The name of the form field.
  2. (optional) The text which will display on the submit button face.
  3. (required) The JavaScript to run.