August 26, 2010 7:00 PM - 118 attended

Web Forms 2.0 with Estelle Weyl

SUPINFO International University (map)

Selected By: Johanne Quiambao

HTML forms have been the bane of web developers for years. Not anymore!

With HTML5 you may learn to love forms. Imagine a day when you can validate a form without any JavaScript. Date pickers, place holder text, pattern matching, required fields, auto focus, error handling, all without JavaScript? That day is not as far off as you think. In this session we'll discuss new to HTML5 form input types and attributes. We can't promise that you'll love creating web forms, but you will gain a new, exciting appreciation.

We'll learn all about creating dynamic web forms with form validation without the use of javascript.

Sneak peak into the presentation...


  • The new HTML5 input types
  • Controlling what keyboard types gets displayed on touch keyboards, including the iPad and iPhone,
  • Placeholder Attribute: Adding native placeholder text and clearing on focus
  • Native form validation: Error messages with no javascript
  • Date & time input types: The jQuery datepicker, without jQuery.
  • Providing focus to a form element, including focus on invalid input without javascript.
  • CSS & Forms: Stylizing form elements based on current states of required and invalid
  • Pattern attribute - Pattern matching for form input: with regular expressions and no javascript
  • element and list attribute- providing autosuggest on inputs, again no javascript.

Browsers are beginning to support HTML5 web forms. In this session we'll learn how to implement them.

More about Estelle Weyl
Estelle Weyl started her professional life in architecture, then managed teen health programs. In 2000, she took the natural step of becoming a web standardista. While running her own web development business, she has consulted and worked for a few companies not her own, such as startups TopSpin and Uptake.com and larger players including Kodakgallery and Yahoo! Estelle shares esoteric tidbits learned while programming CSS, JavaScript and XHTML in her blog at http://evotech.net/bl... and provides detailed grids of CSS3 and HTML5 browser support in her blog at http://www.standardis.... She is the author of HTML5, CSS3, and JavaScript for WebKit. While not coding, she works in construction, de-hippifying her 1960's throwback abode.

Special thanks to Kaazing for providing pizza and drinks for the event!

See you at the Meetup!

  • Sergio Arroyo
    Sergio Arroyo

    would love to go but will be cramming a project at this time :(

    Posted July 28, 2010 at 12:13 AM
  • Angie C.
    Angie C.

    When will the location be announced?

    Posted August 10, 2010 at 12:20 AM
  • geo
    geo

    Anyone know if there is easy parking at this location?

    Posted August 25, 2010 at 1:17 PM
  • Aleksandar Gargenta
    Aleksandar Gargenta

    Yes, there is plenty of free street parking around this location. You may have to part a few blocks from SUPINFO, but it usually takes less than 5 minutes to find a spot (especially around Hyde and Bay)

    Posted August 25, 2010 at 3:53 PM
  • geo
    geo

    Also, how long is this preso? 2 hours? 3 hours?

    Posted August 25, 2010 at 3:57 PM
  • kat
    kat

    Anyone want to carpool from Oakland?

    Posted August 26, 2010 at 9:24 AM
  • Oscar Pagani
    Oscar Pagani

    how long is Estelle's presentation tonight? What time will it be over?

    Posted August 26, 2010 at 9:36 AM
  • Dan Doyon
    Dan Doyon

    Anyone want to share taxi from caltrain or powell street bart? I'm coming from redwood city.

    Posted August 26, 2010 at 10:02 AM
  • Dave Gregory
    Dave Gregory

    Re: Oakland Carpool.
    I am in the city and in need of a ride back to Oakland. (I ride bus into SF for work)
    Sorry I can't help you get thru the Bay bridge on less, but I can flow a few bucks for a ride back.
    Lemmie know if yer interested.

    Dave

    Posted August 26, 2010 at 10:23 AM
  • Sharon Minsuk
    Sharon Minsuk

    Good public transit option: BART to Embarcadero, then catch the Muni F (above-ground streetcar), all the way to the end of the line, gets within 2 blocks of this location.

    map: http://transit.511.org/static/providers/maps/SF_123200991...

    schedule: http://transit.511.org/schedules/index.aspx?#m1=S&m2=...

    Posted August 26, 2010 at 10:59 AM
  • Oscar Pagani
    Oscar Pagani

    when is the talk over tonight?

    Posted August 26, 2010 at 11:03 AM
  • Gabriel Hernandez
    Gabriel Hernandez

    I am going to be coming into the city from Lafayette (East Bay) leaving at around 5:30, if you are on the way or need a way back email me webspinner.gabriel at gmail.com with you address, I have room for 3.

    Posted August 26, 2010 at 11:16 AM
  • Tomomi (aka "girlie_mac")
    Tomomi (aka "girlie_mac")

    already past 7p... can't make it tonight :-(

    Posted August 26, 2010 at 7:04 PM
  • Dave Gregory
    Dave Gregory

    Tomomi missed another good preso. And we missed you, of course. :D

    Posted August 27, 2010 at 11:06 AM
  • estelle weyl
    estelle weyl

    It's been nearly a year since the presentation, and browsers have improved support. I've updated the slide deck at http://www.standardista.com/forms/ to reflect browser and specification changes.

    Posted July 4, 2011 at 3:00 AM
  • You must be a member to post a comment. Join or login.

118 attended
4.50 4.5023 (23 ratings)

Marakana

Marakana provides HTML5 training courses in SF and NYC.

Kaazing

Kaazing makes an HTML5 WebSocket Gateway that rocks!

appMobi

HTML5 cross-device native mobile app development platform.

APress

Provides great technical book prizes to SFHTML5 members.

Stackmob

Provides an awesome venue and beer!

Triggerio.Forge

Provide refreshments for our meetups!

CBS Interactive

Provides a great venue, food, and live streaming for our meetups!

IGN

Provides a cool venue for our Meetups

Other nearby
Meetups
Why these groups?
x

The Meetup Groups shown here are topically similar to HTML5.

Groups are more likely to be displayed here if they:

  • have a Meetup scheduled
  • have a high rating
  • have a group photo
  • are "public" and not "private"
  • have shown they are likely to stick around (older than 30 days)
Find more Meetup Groups
near San Francisco

Log in

  • Not registered with us yet?
or

Log in to Meetup with your Facebook account.

Sign up

or

Join this Meetup Group even quicker with your Facebook account.

By clicking the "Sign up using Facebook" or "Sign up" buttons above, you agree to Meetup's Terms of Service