Slide 2.18: HTML forms and input
Slide 2.20: HTML frames
Home

HTML Forms and Input (Cont.)

Checkboxes
Checkboxes are used when you want the user to select one or more options of a limited number of choices.

HTML Script Web Display
view source
print?
1<form>
2 <input type="checkbox" name="bike" checked />
3   I have a bike
4 <input type="checkbox" name="car" />
5   I have a car
6</form>
  I have a bike
  I have a car

The Form’s Action Attribute and the Submit Button
The form’s action attribute defines the name of the file that the content will be sent to; e.g., the text entered in the text field below will be sent to a file named 
     http://undcemcs01.und.edu/~wen.chen.hu/course/260/2/Form.php
HTML Script Web Display
view source
print?
1<form method="post"  name="input" action=
2 "http://undcemcs01.und.edu/~wen.chen.hu/course/260/2/Form.php">
3 User name:
4 <input type="text" name="user" />
5 <input type="submit" name="act" value="Submit" />
6 <input type="submit" name="act" value="PHP source" />
7</form>

  Name:

 
 

Tag Description Tag Description
<form> Defines a form for user input. <input> Defines an input field.
<textarea> Defines a text-area. <label> Defines a label to a control.
<fieldset> Defines a fieldset. <legend> Defines a caption for a fieldset.
<select> Defines a selectable list. <optgroup> Defines an option group.
<option> Defines an option in the drop-down box. <button> Defines a push button.


Demonstration
The following demonstration shows how the HTML script is displayed on the Web.