บทที่ 2 การสร้างฟอร์ม html กับ php
- 1. 1 form 8 2 2554
- 2. 2 form 8
- 3. 3 Form 4-19
- 4. 4
- 5. 5 Form Text field Hidden Fields Textarea Check Box Radio Button Radio Button
- 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