Intro to Forms
Wednesday, January 30

• Max Demo
• Forms
• Events

Forms

• buttons
• check boxes & radio buttons
• selection lists - menus
• text fields & text areas

<FORM>

• appear in the HTML body
• can have more than 1 form on a page
• can contain HTML elements (e.g., text, formatting, lists, tables, anchors)
• no nesting
• form-element tags

Form-element tags

• appear within <FORM> tags
• <INPUT>
• <SELECT>
• <TEXTAREA>

<INPUT> attributes

• text
• checkbox
• radio
• button
• submit
• reset
• image

Form Examples

• <INPUT TYPE="button" NAME="abutton" VALUE="Click Here">

• <INPUT TYPE="reset">

• <INPUT TYPE="text" NAME="txt1">

• <INPUT TYPE="text" NAME="txt1" SIZE=25 VALUE="Default Text">

• <INPUT TYPE="checkbox" NAME="cb2" CHECKED> The Box Label

• <INPUT TYPE="radio" NAME="rbset" VALUE="RB_A"> First Radio Button
  <INPUT TYPE="radio" NAME="rbset" VALUE="RB_B"> Second Radio Button
  <INPUT TYPE="radio" NAME="rbset" VALUE="RB3"> Third Radio Button
  

  Notice: All 3 radio buttons have the same name. Only 1 in group may be selected

• <SELECT SIZE=3 NAME="MySbox">
  
  <OPTION>Choice 1
  <OPTION>Choice 2
  <OPTION>Choice 3
  <OPTION>Choice 4
  <OPTION>Choice 5
  <OPTION>Choice 6
  
  </SELECT>
  

  Add MULTIPLE to select more than 1

  SIZE>1 make list box rather than menu

• <TEXTAREA NAME="ta1" ROWS=5 COLS=60>
  This text will be placed in the text box
  </TEXTAREA>

More form examples