SlideShare a Scribd company logo
1 of 27
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

image field                                           HTML




         Radio               Radio Button
        Group



        List /
        Menu



file field
       jump
        manu




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=

More Related Content

Viewers also liked

Testing Testing2
Testing Testing2Testing Testing2
Testing Testing2
jonboy1002
 
MBA WALAILAK RALLY OPEN 2014
MBA WALAILAK RALLY OPEN 2014MBA WALAILAK RALLY OPEN 2014
Programa completo fiesta reivindicativa 11 junio 2014
Programa completo fiesta reivindicativa 11 junio 2014Programa completo fiesta reivindicativa 11 junio 2014
Programa completo fiesta reivindicativa 11 junio 2014
AMPAGoya
 
認識你真好 A
認識你真好 A認識你真好 A
認識你真好 A
foonkok
 
Ficha de inscripción i.e.s. goya 2014 2015 nuevo
Ficha de inscripción i.e.s. goya 2014 2015 nuevoFicha de inscripción i.e.s. goya 2014 2015 nuevo
Ficha de inscripción i.e.s. goya 2014 2015 nuevo
AMPAGoya
 
Becas Canadá 4º ESO
Becas Canadá 4º ESOBecas Canadá 4º ESO
Becas Canadá 4º ESO
AMPAGoya
 
Presentación curso 2012 13-ni1
Presentación curso 2012 13-ni1Presentación curso 2012 13-ni1
Presentación curso 2012 13-ni1
eoihelen
 
轉世藍圖
轉世藍圖轉世藍圖
轉世藍圖
Hk Ddm
 

Viewers also liked (20)

บทที่ 2 เอกสารและงานวิจัยที่เกี่ยวข้อง
บทที่  2 เอกสารและงานวิจัยที่เกี่ยวข้องบทที่  2 เอกสารและงานวิจัยที่เกี่ยวข้อง
บทที่ 2 เอกสารและงานวิจัยที่เกี่ยวข้อง
 
Testing Testing2
Testing Testing2Testing Testing2
Testing Testing2
 
MBA WALAILAK RALLY OPEN 2014
MBA WALAILAK RALLY OPEN 2014MBA WALAILAK RALLY OPEN 2014
MBA WALAILAK RALLY OPEN 2014
 
Programa completo fiesta reivindicativa 11 junio 2014
Programa completo fiesta reivindicativa 11 junio 2014Programa completo fiesta reivindicativa 11 junio 2014
Programa completo fiesta reivindicativa 11 junio 2014
 
Las transf. educ. bajo el regimen militar vol. 1
Las transf. educ. bajo el regimen militar vol. 1Las transf. educ. bajo el regimen militar vol. 1
Las transf. educ. bajo el regimen militar vol. 1
 
認識你真好 A
認識你真好 A認識你真好 A
認識你真好 A
 
(二)09 0928 恆河、牧羊女、孤兒院、尼連禪河、菩提迦耶
(二)09 0928  恆河、牧羊女、孤兒院、尼連禪河、菩提迦耶(二)09 0928  恆河、牧羊女、孤兒院、尼連禪河、菩提迦耶
(二)09 0928 恆河、牧羊女、孤兒院、尼連禪河、菩提迦耶
 
Ficha de inscripción i.e.s. goya 2014 2015 nuevo
Ficha de inscripción i.e.s. goya 2014 2015 nuevoFicha de inscripción i.e.s. goya 2014 2015 nuevo
Ficha de inscripción i.e.s. goya 2014 2015 nuevo
 
Becas Canadá 4º ESO
Becas Canadá 4º ESOBecas Canadá 4º ESO
Becas Canadá 4º ESO
 
Caca
CacaCaca
Caca
 
Ficha de inscripción IES Goya 2014 -2015
Ficha de inscripción IES Goya 2014 -2015Ficha de inscripción IES Goya 2014 -2015
Ficha de inscripción IES Goya 2014 -2015
 
El cristiano y la psicología el evangelio segun jesucristo
El cristiano y la psicología   el evangelio segun jesucristoEl cristiano y la psicología   el evangelio segun jesucristo
El cristiano y la psicología el evangelio segun jesucristo
 
Tienda de ropa
Tienda de ropa   Tienda de ropa
Tienda de ropa
 
Estudio de tulip 1
Estudio de tulip 1Estudio de tulip 1
Estudio de tulip 1
 
Presentación curso 2012 13-ni1
Presentación curso 2012 13-ni1Presentación curso 2012 13-ni1
Presentación curso 2012 13-ni1
 
轉世藍圖
轉世藍圖轉世藍圖
轉世藍圖
 
Toptim
ToptimToptim
Toptim
 
La candelaria de carelmapu
La candelaria de carelmapuLa candelaria de carelmapu
La candelaria de carelmapu
 
Horario Actividades Extraescolares IES Goya 2014-15
Horario Actividades Extraescolares IES Goya 2014-15Horario Actividades Extraescolares IES Goya 2014-15
Horario Actividades Extraescolares IES Goya 2014-15
 
Aqui Estoy
Aqui EstoyAqui Estoy
Aqui Estoy
 

Similar to บทที่ 2 การสร้างฟอร์ม html กับ php

Mobile appcelerator titanium
Mobile appcelerator titaniumMobile appcelerator titanium
Mobile appcelerator titanium
Rhio Kim
 
ส่วนประกอบของโปรแกรม Visual basic 6
ส่วนประกอบของโปรแกรม Visual basic 6ส่วนประกอบของโปรแกรม Visual basic 6
ส่วนประกอบของโปรแกรม Visual basic 6
Tom Nuntiya
 
Flex and PHP For the Flash Folks
Flex and PHP For the Flash FolksFlex and PHP For the Flash Folks
Flex and PHP For the Flash Folks
10n Software, LLC
 

Similar to บทที่ 2 การสร้างฟอร์ม html กับ php (20)

Html
HtmlHtml
Html
 
Mobile appcelerator titanium
Mobile appcelerator titaniumMobile appcelerator titanium
Mobile appcelerator titanium
 
Html Guide
Html GuideHtml Guide
Html Guide
 
Web Designing Syllabus
Web Designing SyllabusWeb Designing Syllabus
Web Designing Syllabus
 
Kawwa reference 230113
Kawwa reference 230113Kawwa reference 230113
Kawwa reference 230113
 
Presentation html
Presentation   htmlPresentation   html
Presentation html
 
Entity Framework Today (May 2012)
Entity Framework Today (May 2012)Entity Framework Today (May 2012)
Entity Framework Today (May 2012)
 
Javascript jQuery jQuery Ui
Javascript jQuery jQuery UiJavascript jQuery jQuery Ui
Javascript jQuery jQuery Ui
 
Html 5 in a big nutshell
Html 5 in a big nutshellHtml 5 in a big nutshell
Html 5 in a big nutshell
 
Html 5
Html 5Html 5
Html 5
 
ส่วนประกอบของโปรแกรม Visual basic 6
ส่วนประกอบของโปรแกรม Visual basic 6ส่วนประกอบของโปรแกรม Visual basic 6
ส่วนประกอบของโปรแกรม Visual basic 6
 
Webcomponents TLV October 2014
Webcomponents TLV October 2014Webcomponents TLV October 2014
Webcomponents TLV October 2014
 
Rawnet Lightning Talk - Web Components
Rawnet Lightning Talk - Web ComponentsRawnet Lightning Talk - Web Components
Rawnet Lightning Talk - Web Components
 
Applying EF Code First at Your Job
Applying EF Code First at Your JobApplying EF Code First at Your Job
Applying EF Code First at Your Job
 
Form
FormForm
Form
 
Form
FormForm
Form
 
Form
FormForm
Form
 
Flex and PHP For the Flash Folks
Flex and PHP For the Flash FolksFlex and PHP For the Flash Folks
Flex and PHP For the Flash Folks
 
HTML 5: Web Forms 2.0
HTML 5: Web Forms 2.0HTML 5: Web Forms 2.0
HTML 5: Web Forms 2.0
 
Vskills certified html designer Notes
Vskills certified html designer NotesVskills certified html designer Notes
Vskills certified html designer Notes
 

More from attapon53

บทที่ 2 การสร้างฟอร์ม html กับ php
บทที่ 2 การสร้างฟอร์ม html กับ phpบทที่ 2 การสร้างฟอร์ม html กับ php
บทที่ 2 การสร้างฟอร์ม html กับ php
attapon53
 
เลิฟ สารเคมี
เลิฟ สารเคมีเลิฟ สารเคมี
เลิฟ สารเคมี
attapon53
 

More from attapon53 (9)

Forms
FormsForms
Forms
 
บทที่ 2 การสร้างฟอร์ม html กับ php
บทที่ 2 การสร้างฟอร์ม html กับ phpบทที่ 2 การสร้างฟอร์ม html กับ php
บทที่ 2 การสร้างฟอร์ม html กับ php
 
555
555555
555
 
Form
FormForm
Form
 
Form
FormForm
Form
 
Form
FormForm
Form
 
Form
FormForm
Form
 
Form
FormForm
Form
 
เลิฟ สารเคมี
เลิฟ สารเคมีเลิฟ สารเคมี
เลิฟ สารเคมี
 

Recently uploaded

1029 - Danh muc Sach Giao Khoa 10 . pdf
1029 -  Danh muc Sach Giao Khoa 10 . pdf1029 -  Danh muc Sach Giao Khoa 10 . pdf
1029 - Danh muc Sach Giao Khoa 10 . pdf
QucHHunhnh
 
Ecosystem Interactions Class Discussion Presentation in Blue Green Lined Styl...
Ecosystem Interactions Class Discussion Presentation in Blue Green Lined Styl...Ecosystem Interactions Class Discussion Presentation in Blue Green Lined Styl...
Ecosystem Interactions Class Discussion Presentation in Blue Green Lined Styl...
fonyou31
 

Recently uploaded (20)

Sanyam Choudhary Chemistry practical.pdf
Sanyam Choudhary Chemistry practical.pdfSanyam Choudhary Chemistry practical.pdf
Sanyam Choudhary Chemistry practical.pdf
 
fourth grading exam for kindergarten in writing
fourth grading exam for kindergarten in writingfourth grading exam for kindergarten in writing
fourth grading exam for kindergarten in writing
 
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptx
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptxSOCIAL AND HISTORICAL CONTEXT - LFTVD.pptx
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptx
 
APM Welcome, APM North West Network Conference, Synergies Across Sectors
APM Welcome, APM North West Network Conference, Synergies Across SectorsAPM Welcome, APM North West Network Conference, Synergies Across Sectors
APM Welcome, APM North West Network Conference, Synergies Across Sectors
 
Z Score,T Score, Percential Rank and Box Plot Graph
Z Score,T Score, Percential Rank and Box Plot GraphZ Score,T Score, Percential Rank and Box Plot Graph
Z Score,T Score, Percential Rank and Box Plot Graph
 
1029 - Danh muc Sach Giao Khoa 10 . pdf
1029 -  Danh muc Sach Giao Khoa 10 . pdf1029 -  Danh muc Sach Giao Khoa 10 . pdf
1029 - Danh muc Sach Giao Khoa 10 . pdf
 
Measures of Central Tendency: Mean, Median and Mode
Measures of Central Tendency: Mean, Median and ModeMeasures of Central Tendency: Mean, Median and Mode
Measures of Central Tendency: Mean, Median and Mode
 
Key note speaker Neum_Admir Softic_ENG.pdf
Key note speaker Neum_Admir Softic_ENG.pdfKey note speaker Neum_Admir Softic_ENG.pdf
Key note speaker Neum_Admir Softic_ENG.pdf
 
IGNOU MSCCFT and PGDCFT Exam Question Pattern: MCFT003 Counselling and Family...
IGNOU MSCCFT and PGDCFT Exam Question Pattern: MCFT003 Counselling and Family...IGNOU MSCCFT and PGDCFT Exam Question Pattern: MCFT003 Counselling and Family...
IGNOU MSCCFT and PGDCFT Exam Question Pattern: MCFT003 Counselling and Family...
 
Unit-IV- Pharma. Marketing Channels.pptx
Unit-IV- Pharma. Marketing Channels.pptxUnit-IV- Pharma. Marketing Channels.pptx
Unit-IV- Pharma. Marketing Channels.pptx
 
Arihant handbook biology for class 11 .pdf
Arihant handbook biology for class 11 .pdfArihant handbook biology for class 11 .pdf
Arihant handbook biology for class 11 .pdf
 
Student login on Anyboli platform.helpin
Student login on Anyboli platform.helpinStudent login on Anyboli platform.helpin
Student login on Anyboli platform.helpin
 
Software Engineering Methodologies (overview)
Software Engineering Methodologies (overview)Software Engineering Methodologies (overview)
Software Engineering Methodologies (overview)
 
Ecosystem Interactions Class Discussion Presentation in Blue Green Lined Styl...
Ecosystem Interactions Class Discussion Presentation in Blue Green Lined Styl...Ecosystem Interactions Class Discussion Presentation in Blue Green Lined Styl...
Ecosystem Interactions Class Discussion Presentation in Blue Green Lined Styl...
 
Código Creativo y Arte de Software | Unidad 1
Código Creativo y Arte de Software | Unidad 1Código Creativo y Arte de Software | Unidad 1
Código Creativo y Arte de Software | Unidad 1
 
Class 11th Physics NEET formula sheet pdf
Class 11th Physics NEET formula sheet pdfClass 11th Physics NEET formula sheet pdf
Class 11th Physics NEET formula sheet pdf
 
Advanced Views - Calendar View in Odoo 17
Advanced Views - Calendar View in Odoo 17Advanced Views - Calendar View in Odoo 17
Advanced Views - Calendar View in Odoo 17
 
General AI for Medical Educators April 2024
General AI for Medical Educators April 2024General AI for Medical Educators April 2024
General AI for Medical Educators April 2024
 
BAG TECHNIQUE Bag technique-a tool making use of public health bag through wh...
BAG TECHNIQUE Bag technique-a tool making use of public health bag through wh...BAG TECHNIQUE Bag technique-a tool making use of public health bag through wh...
BAG TECHNIQUE Bag technique-a tool making use of public health bag through wh...
 
INDIA QUIZ 2024 RLAC DELHI UNIVERSITY.pptx
INDIA QUIZ 2024 RLAC DELHI UNIVERSITY.pptxINDIA QUIZ 2024 RLAC DELHI UNIVERSITY.pptx
INDIA QUIZ 2024 RLAC DELHI UNIVERSITY.pptx
 

บทที่ 2 การสร้างฟอร์ม html กับ php

  • 1. 1 form 8 2 2554
  • 3. 3 Form 4-19
  • 4. 4
  • 6. 6 Radio Button Radio Button Radio Button image field HTML Radio Radio Button Group List / Menu file field jump manu button Objects label Button fieldset fieldset
  • 7. 7
  • 8. 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. 9 4. Form Name frmProcess PHP 5. Action URL PHP Object frmProcess
  • 10. 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. 11 _top Objects (Form Objects) Form Objects Objects HTML (Object Form) HTML Objects HTML
  • 12. 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. 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. 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. 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. 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. 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. 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. 19 Browse master.css OK Link External Style Sheet OK Design
  • 20. 20
  • 21. 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. 22 OK
  • 23. 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. 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. 25 CheckBox radiobutton Properties RadioButton radiobutton Checked Value 1 Checked Value 2
  • 26. 26 List/Menu selectstatus Properties List Values + Item Label Value OK 7. 8. display.php