Skip to content
Adds placeholder functionality to input fields in browsers that don't support HTML5 Placeholders
JavaScript
Find file
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Failed to load latest commit information.
.gitignore
README.md
index.html
placeholder-fix.js

README.md

HTML5 Placeholder PolyFill

Firstly, I know this is nothing new and I'm sure a lot of other people have written this kind of script before, but I wrote this a while back and finally got round to chucking it on Github, much for my sake as well as anyone else's.

Please Note!

The non-jQuery version is still a bit of a WIP, needs to be refined a bit.

Usage

The file placeholder-fix.js comes with 2 versions of the code, a jQuery version and a pure JS version. Include the file and then delete the version you're not using. If you're using the non-jQuery version, you need to tell the function to run, probably on window.onload :

window.onload = function() {
    placeholderFix();
}

If you're using the jQuery version, you just need to include the file. No extra coding is needed.

Current Issues

Things I will be fixing in the future

  1. Only works on inputs of type 'text', none of the new fields types added in HTML5 (email, tel, etc)

  2. Should be re-factored into a jQuery extension.

  3. Would also like to branch into a non-jQuery version too. - DONE

Suggestions?

Create an issue here or tweet me @Jack_Franklin

Something went wrong with that request. Please try again.