Form Tags

See example of a form

<form method="post" action="..." >

• method="post"
• action="url" where url is the perl or php script pathname provided by your server administrators. For emailing forms, this will be the FormMail url. For uploading files it will be the Upload url. (NAS.com has not provided an upload utility.)
• enctype="multipart/form-data" this is required for uploading files.

<input name="name" id="id" type="tagtype">

• name="string" this is the unique identifier for this tag - when the formmail returns your values, it will use this to identify which value it is
• type="tagtype" where tagtype must be one of the following reserved words:
  Radio Button #1
  Radio Button #2
  • radio - the user may only choose one of the radio buttons presented - set all these "ganged" radio buttons with the same name but set the attribute "checked="checked" for only the one you want pre-selected (see right)
    --> set name= to same thing for each radio buttons so that only one can be set by user
    --> set value= something unique for EACH button so you'll recognize which one was set when you get the values back
    
    
  My Check Box
  • checkbox - the user may choose one or more of the checkboxes presented - each checkbox stands alone and should have a unique name and the attribute checked="checked" if you want it pre-selected.
    
  My Text Box
  • text - default input type, allows the user to input text
    
    
  • hidden - for passing information only, the user cannot see these
  • button - for user-defined buttons processed by javascript or server-side code
    
    
  • file - to upload files from the user. The form button must have the enctype attribute set to use this.
    
    Enter Password:
  • password - like a text box but displays * rather than text. Use size (displayed size of box) and maxlength (# of characters user can enter) attributes if desired
  • submit - special action button that submits the form to the server which then calls the code in the action part of the form tag
    
  • image - for using an image as a submit button: a variant of the submit type
  • reset - clears (or sets to default values) all the form inputs so the user can start over

<select name="name" id="id" size="size">

• name is the unique identifier
• multiple="multiple" if you wish the user to be able to select more than one value at a time
• size="x" where "x" is the number of items revealed at once. Default is one.
• Then use <option>textstring</option> for each choice in list

<textarea name="name" rows="x" cols="x">

• name is the unique identifier
• rows="x" defines the height of the textarea
• cols="x" defines the width of the textarea

<fieldset id="id"> ...everything that belongs together... </fieldset>

fieldset groups the items that visually or semantically belong together and help clarify the meaning of fields.

• id is the unique identifier

 

 

 

 

 

 

 

 

 

<label for="name">label</label>

The label tag provides a label for an input with the name="name" value.

<legend>Legend</legend>

The legend tag provides a legend for a fieldset such as the "Info About You" legend inset in the fieldset box above.