1

form

8

2 2554

2

form

8

3

Form 4-19

4

5

Form

Text

field

Hidden Fields

Textarea

Check Box

Radio Button

Radio Button

6

Radio Button

Radio Button

Radio Button

Radio Group

Radio Button

List / Menu

jump manu

image field

HTML

file field

button Objects

label Button

fieldset fieldset

7

8

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

HTML

View>Visual

Aids>Invisible Elements Invisible Elements

3. HTML

Properties

9

4. Form Name frmProcess

PHP

5. Action URL

PHP Object

frmProcess

10

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

11

_top

Objects (Form Objects)

Form Objects Objects HTML

(Object Form) HTML

Objects

HTML

12

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

13

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

14

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

15

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

16

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

17

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

18

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…

19

Browse

master.css OK

Link External Style Sheet OK

Design

20

21

5. CSS Object

Object CSS Form formbg formbg

heading

heading

item item

normaltext normaltext

6. list.php

1. File>New>Dynamic Page>PHP4 Create

2. HTML Forms

Form

3. x Rows, Columns)

Tables Insert Tables

22

OK

23

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

24

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

25

CheckBox radiobutton Properties

RadioButton radiobutton

Checked Value 1

Checked Value 2

26

List/Menu selectstatus Properties

List Values

+ Item Label Value

OK

7.

8. display.php

27

http://www.google.co.th/search?q=forms&hl=th&gbv=2&gs_sm=c&gs_upl=1360l8782l0l103

13l30l13l0l2l2l2l328l1655l0.2.4.1l8l0&ct=broad-revision&cd=1&sa=X&oq=forms&aq=f&aqi=g4g-

s1g5&aql=