Wufoo’s HTML5 Forms Research<\/a><\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"HTML5 has a bunch of form-specific features that all make forms on the web better. Browser support for the features is all over the map, but many of the features can be thought of as progressive enhancement, so if it works, great, the form is better, if not, whatever. In this screencast we look at […]<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":1283,"menu_order":0,"comment_status":"open","ping_status":"closed","template":"video-single.php","meta":{"_bbp_topic_count":0,"_bbp_reply_count":0,"_bbp_total_topic_count":0,"_bbp_total_reply_count":0,"_bbp_voice_count":0,"_bbp_anonymous_reply_count":0,"_bbp_topic_count_hidden":0,"_bbp_reply_count_hidden":0,"_bbp_forum_subforum_count":0,"sig_custom_text":"","sig_image_type":"featured-image","sig_custom_image":0,"sig_is_disabled":false,"inline_featured_image":false,"c2c_always_allow_admin_comments":false,"footnotes":""},"tags":[],"acf":[],"jetpack-related-posts":[{"id":16296,"url":"https:\/\/css-tricks.com\/video-screencasts-6\/","url_meta":{"origin":9819,"position":0},"title":"Video Screencasts","date":"February 13, 2012","format":false,"excerpt":"#100: Let\u2019s Write Semantic Markup Running time: 01:02:07 We look at a Photoshop design and write HTML5 markup that describes it as semantically as we can. #99: Overview of HTML5 Forms Types, Attributes, and Elements Running time: 38:33 We'll talk about the new features of HTML5 that relate to making\u2026","rel":"","context":"Similar post","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":14206,"url":"https:\/\/css-tricks.com\/almanac\/selectors\/i\/invalid\/","url_meta":{"origin":9819,"position":1},"title":":invalid","date":"September 6, 2011","format":false,"excerpt":"The :invalid selector allows you to select elements that do not contain valid content, as determined by its type attribute. :invalid is defined in the CSS Selectors Level 3 spec as a \u201cvalidity pseudo-selector\u201d, meaning it is used to style interactive elements based on an evaluation of user input. This\u2026","rel":"","context":"With 13 comments","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":14285,"url":"https:\/\/css-tricks.com\/almanac\/selectors\/v\/valid\/","url_meta":{"origin":9819,"position":2},"title":":valid","date":"September 6, 2011","format":false,"excerpt":"The :valid selector allows you to select elements that contain valid content, as determined by its type attribute. :valid is defined in the CSS Selectors Level 3 spec as a \u201cvalidity pseudo-selector\u201d, meaning it is used to style interactive elements based on an evaluation of user input. This selector has\u2026","rel":"","context":"With 7 comments","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":14267,"url":"https:\/\/css-tricks.com\/almanac\/selectors\/r\/required\/","url_meta":{"origin":9819,"position":3},"title":":required","date":"September 6, 2011","format":false,"excerpt":"The :required pseudo class selector in CSS allows authors to select and style any matched element with the required attribute. Forms can easily indicate which fields must have valid data before the form can be submitted, but allows the user to avoid the wait incurred by having the server be\u2026","rel":"","context":"With 12 comments","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":9035,"url":"https:\/\/css-tricks.com\/video-screencasts\/96-localstorage-for-forms\/","url_meta":{"origin":9819,"position":4},"title":"#96: localStorage for Forms","date":"April 15, 2011","format":false,"excerpt":"HTML5 has an incredibly simple method for storing persisting data called localStorage. Natively, you just call a method with key\/value pair and that is saved (pretty much) forever. Knowing the key, you can retrieve it at any time. This can be used with \"progressive enhancement\" in mind, doing things to\u2026","rel":"","context":"With 42 comments","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":6855,"url":"https:\/\/css-tricks.com\/snippets\/javascript\/test-if-element-supports-attribute\/","url_meta":{"origin":9819,"position":5},"title":"Test if Element Supports Attribute","date":"July 16, 2010","format":false,"excerpt":"Not all browsers support all attributes on all elements. There are a number of new attributes in HTML5, so the idea of testing to see what kind of browser environment you are in becomes every increasingly important. function elementSupportsAttribute(element, attribute) { var test = document.createElement(element); if (attribute in test) {\u2026","rel":"","context":"With 13 comments","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]}],"_links":{"self":[{"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/pages\/9819"}],"collection":[{"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/comments?post=9819"}],"version-history":[{"count":3,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/pages\/9819\/revisions"}],"predecessor-version":[{"id":9865,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/pages\/9819\/revisions\/9865"}],"up":[{"embeddable":true,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/pages\/1283"}],"wp:attachment":[{"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/media?parent=9819"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/tags?post=9819"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}