如何定位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表單標籤/值？

回答

相關問題