Download presentation
Presentation is loading. Please wait.
Published byAbraham Morris Modified over 9 years ago
1
Week 10
2
Form controls
3
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
4
Multiple ways to collect data element type attribute for element determines both its behaviour and presentation
5
type determines type of element text password checkbox radio file submit reset button
6
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”
7
Function identical to the element but allows for multiple lines of text to be entered
8
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
9
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
10
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
11
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
Similar presentations
© 2024 SlidePlayer.com. Inc.
All rights reserved.