如何定位CSS表单标签/值？

我试图在我的登录名/密码表单中使用纯CSS来模仿占位符属性。如何定位CSS表单标签/值？

有没有办法做到这一点？我可以绝对放置我的标签或值“用户/密码”，使他们看起来像他们是字段中的占位符文本？

不知道如何定位标签/值。

<form> 

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

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

</form>

谢谢大家。

来源

2012-03-01 Limbo

你不能用纯CSS做到这一点 - 你需要的JavaScript – ManseUK 2012-03-01 16:32:34

必须有一种方式瓦特/悬停的位置，显示...等用CSS来做到这一点。底线，它可能是矫枉过正，当你可以用javascript做到这一点，但... – Dave 2012-03-01 16:34:18

我会使用新的placeholder css3属性，并让旧浏览器成为旧浏览器。

http://jsfiddle.net/fmr3J/

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

来源

2012-03-01 16:32:29 mrtsherman

谢谢，但我必须使它与IE 7 +兼容。 – Limbo 2012-03-01 16:33:32

然后你需要使用javascript。本网站有关如何完成此操作的演练。 http://www.cssnewbie.com/cross-browser-support-for-html5-placeholder-text-in-forms/ – mrtsherman 2012-03-01 16:34:59

如何定位CSS表单标签/值？

回答

相关问题