Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
Adds placeholder functionality to input fields in browsers that don't support HTML5 Placeholders
JavaScript
Branch: master

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.