twitter/bootstrap — Issue #2417: Placeholder for IE7
Author: heavymark
Created: 2012-03-06 01:48:15+00:00
State: open

According to this page: https://github.com/twitter/bootstrap/wiki/Browser-Compatibility IE 7 is supported.

However, on this page: http://twitter.github.com/bootstrap/base-css.html#forms for inline forms the placeholder text for the two inputs, "Email" and "Password" do not show in IE7.

This is of course because IE7 does not natively support HTML5 Placeholder text. However, accordingly it shouldn't be used here since Bootstrap says it supports IE7. In some cases effects such as Gradients and rounded corners are used which of course are not supported in IE7, however those are only enhancements and progressively degrade in IE7. Thus still allowing support for IE7.

However, in this particular case where there are no labels for the inputs other than the inside the text, a user would have no idea what to enter into those boxes in IE7.

At the very least, a "Heads Up" noting this inline method is not supported in IE7 should be added. But preferably javascript added to add support for placeholder, see an example method here: https://github.com/eddiemachado/bones/issues/47.

Thoughts?