Forms standards

Loading...

Flash Player 9 (or above) is needed to view presentations.
We have detected that you do not have it on your computer. To install it, go here.

0 comments

Post a comment

    Post a comment
    Embed Video
    Edit your comment Cancel

    1 Favorite

    Forms standards - Presentation Transcript

    1. 06/03/09 HUGE / ParentsConnect / HUGE 45 Main Street, 2nd Floor NY NY 11201 718.625.4843 www.hugeinc.com Forms <form>…</forms> April 11th, 2008
    2. fieldset
      • “ The FIELDSET element allows authors to group thematically related controls and labels . Grouping controls makes it easier for users to understand their purpose while simultaneously facilitating tabbing navigation for visual user agents and speech navigation for speech-oriented user agents. The proper use of this element makes documents more accessible .”
      • W3C
      HUGE / Forms
    3. legend
      • “ The LEGEND element allows authors to assign a caption to a FIELDSET . The legend improves accessibility when the FIELDSET is rendered non-visually.”
      • W3C
      HUGE / Forms
    4. Accessibility / Usability HUGE / Forms
    5. HTML Example <form class=&quot;very-nice-form&quot; onclick=&quot;return frmSubmit(this);&quot;> < fieldset > < legend >Register Now</ legend > <p> <label for=&quot;select&quot; >Choose plan</label> <select name=&quot;select&quot; id=&quot;select&quot; > <option value=&quot;1&quot;> $0 for 1 year</option> <option value=&quot;1&quot;> $10 for 1 year</option> <option value=&quot;1&quot;> $20 for 1 year</option> </select> <input name=&quot;submit&quot; type=&quot;submit&quot; value=&quot;send&quot; /> </p> </ fieldset > </form> HUGE / Forms
    6. Good or Bad Example? HUGE / Forms
    7. Good or Bad Example? HUGE / Forms
      • “ Form elements are ‘replaced elements’, which means they come directly from the heart of your OS , and not the browser itself. The CSS specifications do therefore not require that form elements should be able to receive styling. Most popular browsers have however provided us with options to do so, but not all of them.“
      • www.picment.com
      OS Elements HUGE / Forms
    8. Opera Mini HUGE / Forms
    9. Iphone HUGE / Forms
    10. OS Elements Example HUGE / Forms
    11. Trust
      • “ Users trust their credit card and personal information with forms on the internet , and that trust is sacred. So changing the appearance of well-known and recognizable browser elements like the basic input elements, may therefore not always be advisable .“
      • www.picment.com
      HUGE / Forms
    12. Last Example HUGE / Forms

    + mummemumme, 2 years ago

    custom

    810 views, 1 favs, 2 embeds more stats

    More info about this document

    © All Rights Reserved

    Go to text version

    • Total Views 810
      • 795 on SlideShare
      • 15 from embeds
    • Comments 0
    • Favorites 1
    • Downloads 10
    Most viewed embeds
    • 11 views on http://confluence.hugeinc.com
    • 4 views on https://confluence.hugeinc.com

    more

    All embeds
    • 11 views on http://confluence.hugeinc.com
    • 4 views on https://confluence.hugeinc.com

    less

    Flagged as inappropriate Flag as inappropriate
    Flag as inappropriate

    Select your reason for flagging this presentation as inappropriate. If needed, use the feedback form to let us know more details.

    Cancel
    File a copyright complaint
    Having problems? Go to our helpdesk?

    Categories