Week 10

 Form controls

 Parent containing element for other form control elements  Requires method and action attributes to process the information collected by the form  Actions are usually scripts processed by the web server; can also be used to create an electronic mail message

 Multiple ways to collect data element  type attribute for element determines both its behaviour and presentation

 type determines type of element  text  password  checkbox  radio  file  submit  reset  button

 Use when checkboxes and radio buttons become too inefficient  Choices defined by the element The label attribute can be used to present a shortened version of an option when appearing in an optgroup  Can be grouped using the element The label attribute can be used to identify the options of an option group  Multiple selections allowed by setting multiple attribute to value of “multiple”

 Function identical to the element but allows for multiple lines of text to be entered

 Data collected from form controls are associated to a value specified by the name attribute of the form control element that collected the information  The name value is like a variable that contains the form input value

 Used for marking up a form control’s descriptive text  Has no presentation value unless styled with CSS  Provides two features: Usability  Improvement for mouse users – clickable area Accessibility  Make a form control’s purpose clearer for users of assistive technologies

 The glue that binds the text inside the label element with the form control it is related (explicit association)  If you wrap a form control inside a you could skip the for attribute (implicit association)  Best practice: do both

 Web Servers Apache, Microsoft IIS  Web Server Technologies: PHP, MySQL, TLS/SSL  Survey of responsive image solutions  JavaScript frameworks  Web Applications CMS (Drupal, WordPress, etc) Creating/modifying themes