HTML Form Input Boxes and Buttons
Welcome
Agenda II
Xhtml Rules
DocType
HTML Terms
Meta Element
Introducing Tables
Row & Column Groups
Color CSS
Table Attributes
Table Padding
Table Padding
Table Alignment
Border Collapse
Column Span
Border CSS
Table CSS
5: Program Schedule
Table Summary
Forms
Forms Attributes
6: Registration Form
Embed MPGs
Sound Files
Sound Attributes
Multimedia
Quicktime Movies
7: Audio/Video Project
Frame Basics
Frame Attributes
Nested Frames
8: Designing with Frames
3-Color Frames
16-Color Frames
Inline Frames
Frame Summary
Tutorial 9: Working XHTML
Form Type
Description
Display
<Form> </Form>
Starts and Ends with attributes
id, Method, Action
input
Defines the type of form objects: text, checkbox, radio, password, textarea, or hidden.
type="button"
Display button that can be clicked to perform an action
type="image"
Use the image src for the button src="images/blueback.gif"
type="text"
Text field is used to input values
type="checkbox"
Displays checkbox
Check one:
Flowers
Trees
type="radio"
Display a radio button
Select one: Flowers
Trees
type="password"
Input box that hides text entered by the user
type="textarea"
Text field to write volumes; set rows and column height
select /selecct
option value
Displays a selection list of data
Item 1
Item 2
type="hidden"
Hidden fields hold data read only by the cgi files. Not viewed by the user
Form Buttons
type="reset"
Display a button to clear the form
type="submit"
sends the data to the server when clicked
fieldset /fieldset
Borders the form data
Check one:
Flowers
Trees
legend /legend
Places text within top of fieldset
Fieldset borders the legend
Check one:
Flowers
Trees
Web Design with XHTML Part II
Doris Cuffey, Instructor