Examples of HTML Markup for Forms

• <INPUT TYPE="TEXT" NAME="test_1" VALUE="" SIZE=20> is rendered:
  
  
  
• <INPUT TYPE="TEXT" NAME="test_2" VALUE="Test Text" SIZE=20> is rendered:
  
  
  
• <INPUT TYPE="CHECKBOX" NAME="test_3" VALUE="Checked #1"> Checkbox 1 <br>
  is rendered:
  Checkbox 1
  
  
• <INPUT TYPE="CHECKBOX" NAME="test_4" VALUE="Checked #2" CHECKED > Checkbox 2 <br>
  is rendered:
  Checkbox 2
  
  
• <INPUT TYPE="RADIO" NAME="test_5" VALUE="Radio 1"> Button 1
  <INPUT TYPE="RADIO" NAME="test_5" VALUE="Radio 2"> Button 2
  <INPUT TYPE="RADIO" NAME="test_5" VALUE="Radio 3" CHECKED> Button 3
  is rendered:
  Button 1 Button 2 Button 3
  
  
• <SELECT NAME="test_6" >
  <OPTION VALUE="Item 1"> Plain
  <OPTION VALUE="Chocolate"> Chocolate
  <OPTION> Strawberry
  </SELECT>
  is rendered:
  Choose a flavour: Plain Chocolate Strawberry
  
  Note: using the SIZE attribute in the SELECT tag ( e.g. <SELECT NAME="test_7" SIZE="3"> ) causes the list to be rendered like so:
  
  Choose a flavour: Plain Chocolate Strawberry
  
  
• <TEXTAREA NAME="test_8" ROWS="3" COLS="20" >Sample Textarea...</TEXTAREA> is rendered:
  Sample Textarea...
  
  

If you want to see the results of the above selections (modify the fields if you wish):