The document provides instructions on how to create HTML forms using Dreamweaver. It discusses inserting form objects like text fields, radio buttons, lists/menus and buttons. It also covers adding CSS styles to format the form and creating PHP pages to process the form data and display the results. The steps include inserting a form, adding fields and objects, linking a CSS stylesheet, assigning names and properties, and creating PHP pages to display and process the submitted information.
5. 5
form
image field HTML
Text
field
file field
Hidden
Fields
button Objects
Textarea
label Button
Check
Box
Radio Button
Radio Button
fieldset
fieldset
Radio
Button
Radio Button
Radio Button
Radio Radio Button
Group
List /
Menu
jump
manu
6. 6
HTML
Object Object Object
Object
PHP
Object Text Field,
Check Box, List/Menu, Button
Object
Dreamweaver MX
Forms Dreamweaver MX
File>New General Dynamic Page>PHP4 Create
HTML
1. (Document Window)
Cursor HTML
2. Insert > Form Forms
Form
7. 7
HTML
View>Visual
Aids>Invisible Elements Invisible Elements
3. HTML
Properties
4. Form Name frmProcess
PHP
5. Action URL
PHP Object
frmProcess
8. 8
6. Method Object
frmProcess Action
POST Object Form Variables
URL
GET Object URL Parameter
URL
DEFAULT Object default
GET
GET
- URL
8,192
- username, password
URL
7. Enctype default
Enctype application/x-www-form-urlencode
Method POST
Enctype
multipart/form-data
8. Target
Target
_blank
_parent (parent)
_self
HTML
9. 9
_top
Objects (Form Objects)
Form Objects Objects HTML
(Object Form) HTML
Objects
HTML
10. 10
HTML (Object Form)
Insert>Form Forms Form
HTML
Form Objects
Insert>Form Objects
Forms Form Objects
Form Objects Object Text Field Fieldset
Form Objects HTML
Form Objects
Text Field
Text Field
Insert>Form Objects>Text Field
Forms Text Field
Text Field Text Field
Window>Properties
Text
Field Properties
Text Field
TextField Text Field
Char Width Text Field
Max Chars Text
Field
Type Text Field
11. 11
Single Line
Multi Line
Password
Init Val
Hidden Field
Hidden Field
HTML
Hidden Field
Insert>Form Objects>Hidden Field
Forms Hidden Field
Hidden Field Hidden
Field Window>Properties
Hidden Field Properties
Hidden Field
HiddenField Hidden Field
Value Hidden Field
Check Box
Check Box
Insert>Form Objects >Check
Box Forms Check Box
Check Box Check
Box Window>Properties
12. 12
Check Box Properties
Check Box
CheckBox Check Box
Checked Value Check Box
Initial State
Checked
Unchecked
Radio Button
Radio Button
Insert>Form Objects >Radio
Button Forms Radio Button
Radio Button Radio
Button Window>Properties
Radio Button Properties
Radio Button
RadioButton Radio Button
Radio Button
Radio Button
13. 13
Checked Value Radio Button
Initial State
Checked
Unchecked
List/Menu
List/Menu
Insert>Form Objects>List/Menu
Forms List/Menu
List/Menu
List/Menu Window >Properties
List/Menu Properties
List/Menu
List/Menu List/Menu
Type Menu List
Initially Selected List Values
Jump Menu
List/Menu Value
List/Menu Value
Jump Menu Value URL
Jump Menu
14. 14
Insert>Form Objects>Jump
Menu Forms Jump Menu
Jump Menu
Jump Menu Window>Properties
Jump Menu Properties
List/Menu
List/Menu List/Menu
Type Menu List
Initially Selected List Values
Image Field HTML
Button
Image Field
Insert>Form Objects>Image
Field Forms Image Field
Image Field
Image Field Window>Properties
Image Field Properties
Image Field
ImageField Image Field
W Image Field
H Image Field
Src Image Field
Alt
Align Image Field
15. 15
File Field
File Field
Insert>Form Objects>File Field
Forms File Field
File Field File
Field Window>Properties
File Field Properties
File Field
FileField Name File Field
Char Width File Field
Max Chars
Button Objects
Button
Insert>Form Objects>Button
Forms Button
Button Button
Window>Properties
Button Properties
Button
Button Name Button
Label Button
Action Action
Submit Form
16. 16
Reset Form
None
1. File>New>Dynamic Page>PHP4 Create
2. HTML Forms
Form
3. x Rows, Columns)
Tables Insert Tables
OK
4. CSS Panel Groups Design
CSS Styles Attach Style Sheet…
17. 17
Browse
master.css OK
Link External Style Sheet OK
Design
21. 21
x Rows, Columns)
Object Form
Object Object
Text Field Forms Text Field
Text Field --
Text Field
Text Field
Text Field
Text Field
Radio Button Forms Radio
Button
List/Menu Forms List/Menu
Text Field
22. 22
Radio Button
List/Menu
4. CSS Panel Groups Design
CSS Styles Attach Style Sheet…
Browse
master.css OK
Link External Style Sheet OK
Design
5. CSS Object
Object CSS
Form formbg formbg
heading
heading
item
item
6. Text Field txtp_name, txtf_name, txtl_name, txtbirthday, txtage
Text Field Properties TextField
23. 23
CheckBox radiobutton Properties
RadioButton radiobutton
Checked Value 1
Checked Value 2
24. 24
List/Menu selectstatus Properties
List Values
+ Item Label Value
OK
7.
8. display.php