Detect HTML5 Placeholder Attribute Support

• 
  

  placeholderSupport = ("placeholder" in document.createElement("input"));
  
  if(!placeholderSupport){
    //This browser does not support the placeholder attribute
    //use javascript instead
  }

• Result/Output
  
  outputs true or false
• Explanation
  HTML5 introduced the placeholder attribute which saves us so much time/headache when we just want some placeholder text in a text input that disappears on focus and reappears on blur (if there's no user input).
  
  Unfortunately not all browsers support it. Therefore, we can use progressive enhancement. Use the HTML5 for those that support it (Chrome, Safari, FF 3.7+, etc.) and fall back to javascript techniques for those that don't.
• Source
  pursuing

Posted 02/04/2011 05:17AM by Anonymous

• Link
• Embed <!-- BEGIN Sugr SNIPPET --> <script src="http://www.syntacticsugr.com/embed_html?sugr=112" type="text/javascript"></script> <script type="text/javascript">SyntaxHighlighter.config.stripBrs = true; SyntaxHighlighter.all();</script> <!-- END Sugr SNIPPET -->