Skip to content

Instantly share code, notes, and snippets.

@MikeMcChillin
Last active December 16, 2015 12:59
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save MikeMcChillin/5438110 to your computer and use it in GitHub Desktop.
Save MikeMcChillin/5438110 to your computer and use it in GitHub Desktop.
HTML5 Placeholder Fallback with Modernizr
#######################
# HTML5 Placeholder fallback
#######################
# http://webdesignerwall.com/tutorials/cross-browser-html5-placeholder-text
unless Modernizr.input.placeholder
$("[placeholder]").focus(->
input = $(this)
if input.val() is input.attr("placeholder")
input.val ""
input.removeClass "placeholder"
).blur(->
input = $(this)
if input.val() is "" or input.val() is input.attr("placeholder")
input.addClass "placeholder"
input.val input.attr("placeholder")
).blur()
$("[placeholder]").parents("form").submit ->
$(this).find("[placeholder]").each ->
input = $(this)
input.val "" if input.val() is input.attr("placeholder")
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment