1 / 26

Session 8: Working with Form

Session 8: Working with Form. iNET Academy Open Source Web Development. Objectives. Bulding a Form and Accessing Form’s Values Types of Input & Validating Data Query the DB with form data Using Template. Building a Form. Every form must have three basic components

Download Presentation

Session 8: Working with Form

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript


  1. Session 8: Working with Form iNET Academy Open Source Web Development

  2. Objectives • Bulding a Form and Accessing Form’s Values • Types of Input & Validating Data • Query the DB with form data • Using Template

  3. Building a Form • Every form must have three basic components • The submission type defined with the method keyword • One or more input elements defined with the input tag • The destination to go to when submitted defined with the action keyword

  4. Accessing Submitted Form Values • Using

  5. Accessing Submitted Form Values (cont.) • Use super global variables • $_GET[field] • $_POST[field] • $_REQUEST[field] • register_globals should be off

  6. Default Values

  7. Types of Input – Text boxes • Used to capture strings from the user • The name attribute: used to reference to the value • The size attribute: specifies the length of the text box • The maxlength attribute: determines the maximum number of characters

  8. Types of Input – Text areas • A text area is defined using the text area element • The name attribute • The cols attribute: specifies how many character columns to create • The rows attribute: specifies how many rows to create

  9. Types of Input – Check boxes • Used to give users several different options • Use input element with type=“checkbox” • The name attribute • The value attribute

  10. Types of Input – Radio Button • Give the user several choice but can choose only one value

  11. Types of Input - Hidden • The information of hidden fields is not visible to the users

  12. Types of Input - Selects • Present a list of options to the user • Attributes of the <select> • The name attribute • The size attribute: specifies how many lines of the list appear in the browser window • The multiple attribute: allow the user to select more than one item from the list • Attributes of the <option> • The selected attribute specifies a default selection • The value attribute specifies a value that is different from the label of the option. If no value is specidied, the label is used as the value

  13. Types of Input – Selects (cont.)

  14. Working with Multiple Values

  15. Working with Multiple Values (cont.)

  16. Validating Data • Always validate data getting from users • Validating checkboxes, radio buttons and selects

  17. Validating Data (cont.) • Validating text boxes and text areas • Decide which information is valid and which is not • Check for empty values • Check for other conditions like @ in a email field

  18. Building a Feet-to-Meters Converter in PHP

  19. Building a Time-Zone Conversion Utility in PHP

  20. Building a Time-Zone Conversion Utility in PHP (cont.)

  21. Building a Time-Zone Conversion Utility in PHP (cont.)

  22. Query the Db with Form Data

  23. Query the Db with Form Data (cont.)

  24. Query the Db with Form Data (cont.)

  25. Query the Db with Form Data (cont.)

  26. Practice • In this practice, you will • Write an program to search for a book based on only one of three following condition • Author • Title • Price

More Related