• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
Html5formstoday
 

Html5formstoday

on

  • 1,411 views

Lightning talk given at Standards.next, on html5 forms support.

Lightning talk given at Standards.next, on html5 forms support.

Statistics

Views

Total Views
1,411
Views on SlideShare
1,408
Embed Views
3

Actions

Likes
1
Downloads
8
Comments
0

1 Embed 3

http://www.slideshare.net 3

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    Html5formstoday Html5formstoday Presentation Transcript

    • HTML5 forms today. @miketaylr Monday, November 23, 2009
    • <input> is sexy. Monday, November 23, 2009
    • <input> is sexy. (RAWR) Monday, November 23, 2009
    • Monday, November 23, 2009
    • Types search,url, tel, email, datetime, date, month, week, time, datetimelocal, number, range, color Attributes accept, autofocus, autocomplete, list, pattern, placeholder, required, multiple, readonly, max, min, step Monday, November 23, 2009
    • Types search,url, tel, email, datetime, date, month, week, time, datetimelocal, number, range, color Attributes accept, autofocus, autocomplete, list, pattern, placeholder, required, multiple, readonly, max, min, step Monday, November 23, 2009
    • Types search,url, tel, email, datetime, date, month, week, time, datetimelocal, number, range, color Attributes accept, autofocus, autocomplete, list, pattern, placeholder, required, multiple, readonly, max, min, step Support? Monday, November 23, 2009
    • Types search,url, tel, email, datetime, date, month, week, time, datetimelocal, number, range, color Attributes accept, autofocus, autocomplete, list, pattern, placeholder, required, multiple, readonly, max, min, step Support? http://bit.ly/html5forms Monday, November 23, 2009
    • Webkit Nightly Monday, November 23, 2009
    • Opera 10.10 Monday, November 23, 2009
    • Chromium Nightly Monday, November 23, 2009
    • Chrome 4 Monday, November 23, 2009
    • Safari 4.0.x Monday, November 23, 2009
    • Firefox 3.6b3 Monday, November 23, 2009
    • Firefox 3.5.x Monday, November 23, 2009
    • IE 8 Monday, November 23, 2009
    • Javascript to the rescue. Monday, November 23, 2009
    • jquery.autofocus.js (function($) { $.fn.autofocus = function() { return(this[0].autofocus!==true) ? this.focus() : this; }; })(jQuery); Monday, November 23, 2009
    • jquery.autofocus.js (function($) { $.fn.autofocus = function() { return(this[0].autofocus!==true) ? this.focus() : this; }; })(jQuery); <input type="text" autofocus> Monday, November 23, 2009
    • jquery.autofocus.js (function($) { $.fn.autofocus = function() { return(this[0].autofocus!==true) ? this.focus() : this; }; })(jQuery); <input type="text" autofocus> $('[autofocus=""]').autofocus(); Monday, November 23, 2009
    • jquery.placeholder.js (function($) { $.fn.placeholder = function() { return ((typeof this[0].placeholder !== 'undefined')) ? this : this.each(function() { magic() && ponies(); }); })(jQuery); Monday, November 23, 2009
    • jquery.placeholder.js (function($) { $.fn.placeholder = function() { return ((typeof this[0].placeholder !== 'undefined')) ? this : this.each(function() { magic() && ponies(); }); })(jQuery); <input type="email" placeholder=”foo@bar.com”> $('[placeholder]').placeholder(); Monday, November 23, 2009
    • Thanks. http://www.miketaylr.com http://www.github.com/miketaylr @miketaylr Monday, November 23, 2009