html - IE8 文本缩进和占位符问题

Question

这里有两个问题:

1) 占位符

2) 光标文本缩进

首先，我在谷歌上搜索了一下，知道占位符是 HTML5 的一项功能，在 IE8 中不受支持。有替代解决方案吗？

其次，在 IE8 中，光标不以文本缩进开头。

HTML:

<input autofocus="autofocus" id="home_email_input" name="username" placeholder="E-mail" type="text">
<input id="home_pw_input" name="password" placeholder="PW" type="password">

CSS:

#home_email_input {
    margin-left: 22px;
    margin-bottom: 10px;
    width: 183px;
    background: url(/images/envelope.gif) no-repeat scroll 4px 3px;
    text-indent: 30px;
}
#home_pw_input {
    margin-left: 22px;
    margin-bottom: 10px;
    width: 183px;
    background: url(/images/lock.gif) no-repeat 5px -0.5px;
    text-indent: 30px;
}

Answer 1

添加 line-height 以获得 IE 的缩进效果

给你:

http://jsfiddle.net/Cernx/12/

对于占位符，您必须使用javascript。 HTML 中没有其他选择。