Html IE8文本缩进和占位符问题

我这里有两个问题：

1） 占位符

2） 光标文本缩进

首先，我在谷歌上搜索了一下，知道占位符是HTML5的一个特性，IE8不支持。有其他解决办法吗

其次，在IE8中，光标不是以文本缩进开始的

HTML:

使用库在中填充占位符

---

对于文本缩进，只需在IE的输入框中添加额外的左填充即可

添加

行高

，从而使IE的缩进工作正常

给你：

---

对于占位符，必须使用

javascript

。在

HTML

中没有其他替代方案。替代方案是为输入字段设置标签，而不是使用占位符作为标签的不可靠替代项。占位符的作用是帮助用户，例如，描述预期的输入格式，而不是做标签的工作。例如：

<label for=email>E-mail:</label> <input type=email id=email name=email>

电子邮件：

---

HTML5 CR提到了“占位符属性不应该被用作标签的替代物。[…]使用占位符属性替换标签可能会降低控件对一系列用户的可访问性和可用性，包括老年用户和认知、移动、精细运动技能或视力受损的用户。虽然控件标签给出的提示始终显示，但占位符中给出的简短提示在属性仅在用户输入值之前显示。此外，占位符文本可能会被误认为是预填充值，并且通常情况下，占位符文本的默认颜色提供的对比度不足，并且缺少单独的可见标签会减小可用于设置控件焦点的命中区域的大小。”

Google:

placeholder plugin

使用placeholder.js避免ie8和以下文件中的占位符问题对于文本缩进，您可以使用左填充。我在输入字段中有一个图标，因此，如果我添加行高，它会发生奇怪的变化：（什么变化？位置？使用中心

背景：url（/images/envelope.gif）无需重复滚动4px中心；

#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;
}

<label for=email>E-mail:</label> <input type=email id=email name=email>