Slide 7.3: HTML forms and input (cont.)

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
<form> <input type="checkbox" name="bike" checked /> I have a bike <input type="checkbox" name="car" /> I have a car </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/101/7/Form.php

HTML Script	Web Display
<form method="post" name="input" action= "http://undcemcs01.und.edu/~wen.chen.hu/course/101/7/Form.php"> Name: <input type="text" name="user" /> <input type="submit" name="act" value="Submit" /> <input type="submit" name="act" value="PHP source" /> </form>	Name:

HTML Script

Web Display

 <form method="post"  name="input" action=
  "http://undcemcs01.und.edu/~wen.chen.hu/course/101/7/Form.php">
  Name: 
  <input type="text" name="user" />
  <input type="submit" name="act" value="Submit" />
  <input type="submit" name="act" value="PHP source" />
 </form>

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.


<html> <head><title>HTML Working Area</title></head> <body> <p>This example shows a text area.</p> <textarea rows="10" cols="30"> The cat was playing in the garden. </textarea> </body> </html>

Review: HTML Input Tag

 Option-1      Option-2

check

checkbox

radio

radiobox

Result: