InMotion Web Site Hosting
InMotion Hosting Home

Idocs Guide to HTML
Home >> Forms
previous page<TEXTAREA onKeyPress="..."><SELECT NAME="..."> next page

<SELECT ...>

Usage Recommendation
thumbs up use it

  • NAME: name of this form element
  • MULTIPLE: allow more than one choice
  • SIZE: how many options to show
  • READONLY: don't let the user change the value of this field
  • DISABLED: don't let the user do anything with this field
 
  • LANGUAGE: scripting language to use
  • onChange: what to do when a new option is selected
  • TABINDEX: tab order
  • onFocus: script to run when this field gets the focus
  • onBlur: script to run when this field loses the focus

A lot of people come to this page looking for information on drop down menues. You may want to see the Drop Down Menu Tutorial.
<SELECT ...> creates a list of options, one or more of which can be selected. In its simplest use, it consists of <SELECT ...>, two or more <OPTION ...> tags, and </SELECT>.

this code produces this 
<SELECT NAME="pizzasize">
<OPTION VALUE="s">small
<OPTION VALUE="m">medium
<OPTION VALUE="l">large
</SELECT>

Note that the text which appears is directly after each <OPTION ...> tag, not inside the tag. The value that is sent to the CGI, however, is given by <OPTION VALUE="...">.

By default only one option can be selected. To have a list which allows more than one option, use the MULTIPLE attribute. See MULTIPLE for more details about this type of list.

previous page<TEXTAREA onKeyPress="..."><SELECT NAME="..."> next page
Copyright 1997-2002 Idocs Inc. Content in this guide is offered freely to the public under the terms of the Open Content License and the Open Publication License. Contents may be redistributed or republished freely under these terms so long as credit to the original creator and contributors is maintained.
InMotion Web Hosting Customer Support
M-F 8am - 7pm PST
213-239-0050

More information can be found at the InMotion Hosting Main Site