- provides user to communicate information with server
- User can enter text, select item from lists, click buttons...
-form data processed by server
-HTML5 provides richer controls and customization of existing controls
Working of Forms
Query Strings
Certain characters such as spaces, punctuation symbols and special characters cannot be part of Query Strings. They must be URL Encoded
GET vs POST
Form Related HTML Elements
Text Input Controls
Type
Description
text
Single line text entry
textarea
Multi line text entry
password
mask user entry
search
single line text entry suitable for a search string
email
single line text entry with email validation
tel
single line text entry with telephone validation
url
single line text entry with URL validation
Text
-use of required, placeholder and pattern attributes
Button Controls
Type
<input type="submit">
<input type="reset">
<input type="button">
<input type="image">
<button>
Date and Time controls
date
time
datetime
datetime-local
month
week
Need of Web Accessibility
Users with slight disability
Color blindness
The term web accessibility refers to:
- assistive technologies
- helped by various HTML features
-make accessible to people with visual,mobility, auditory and cognitive disabilities
Web Accessibility guidelines
provide non-text alternatives like speech, braille, symbols etc
content with different representations
Make all functionality available from keyboard
Navigate, search, find where your are
Microformats (sometimes abbreviated μF) are conventions used to embed semantics in HTML and provide an API to be used by search engines, aggregators, and other tools
specific information, such as people, organizations, events, and locations.
Microformats are supported by all major search engines.
