Skip to content

Instantly share code, notes, and snippets.

@arturocr
Created August 29, 2012 16:16
Show Gist options
  • Save arturocr/3515052 to your computer and use it in GitHub Desktop.
Save arturocr/3515052 to your computer and use it in GitHub Desktop.
HTML5 Placeholder Fallback with jQuery
$(document).ready(function() {
if (!("placeholder" in document.createElement("input"))) {
$("input[placeholder]").each(function() {
var val = $(this).attr("placeholder");
if (this.value == "") {
this.value = val;
}
$(this).focus(function() {
if (this.value == val) {
this.value = "";
}
}).blur(function() {
if ($.trim(this.value) == "") {
this.value = val;
}
})
});
// Clear default placeholder values on form submit
$('form').submit(function() {
$(this).find("input[placeholder]").each(function() {
if (this.value == $(this).attr("placeholder")) {
this.value = "";
}
});
});
}
});
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment