HTML placeholder attribute in IE7, IE8, IE9, IE10, FF, Chrome etc, (Internet Explorer, FireFox, Chrome)

Posted: 11/04/2013 in html, JQuery, php

If you need to use the attribute placeholder in different versions of web browsers, such as IE 7-10, Firefox, Chrome, the problem is IE version lower than 10. This browser does not support attribute placeholder.

To achieve the effect that brings placeholder attribute, you can use jQuery script.

An example of placeholder without JQuery (IE> = 10, FF, Chrome)
http://jsfiddle.net/pybp6/12/
placeholder IE10 works
placeholder IE9 doesnt work

An example of the effect placeholder with JQuery (IE <10, FF, Chrome)
http://jsfiddle.net/pybp6/15/
placeholder works

 

 

 

 

based on http://www.jacklmoore.com/notes/form-placeholder-text/

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s