如何针对CSS表单标签/值进行定位？

Question

我正在尝试使用纯CSS来模仿登录/密码表单中的占位符属性。

有没有办法做到这一点？我可以绝对定位我的标签或值，以使它们看起来像是字段中的占位符文本吗？

不确定如何针对标签/值进行定位。

<form>

<input type="text" id="username" label="username">

<input type="password" id="password" label="password">

</form>

感谢大家。

- Limbo

---

你无法只使用纯CSS实现这个功能，需要借助JavaScript。 - Manse

必须有一种方式可以使用CSS的悬停位置、显示等来实现这个。总之，当你可以用JavaScript来解决它时，这可能是过度的。 - Dave

Answer 1

我会使用新的CSS3属性placeholder，并让旧的浏览器继续使用它们老旧的样式。 http://jsfiddle.net/fmr3J/

<input type="text" id="username" label="username" placeholder="username">
<input type="password" id="password" label="password" placeholder="password">

- mrtsherman

---

谢谢，但我必须使其与IE 7+兼容。 - Limbo

你需要使用 JavaScript。这个网站有一个如何实现的指南。http://www.cssnewbie.com/cross-browser-support-for-html5-placeholder-text-in-forms/ - mrtsherman