文本字段中的静态文本？

Question

如何在<input type="text" name="site">文本字段中保留静态文本，就像tumblr帐户一样***。tumblr.com here <！> gt; http://www.tumblr.com/

Answer 1

.tumblr文本与输入标记分开。

<div class="inputBox">
    <input class="hideInput" type="text" name="site" />
    .tumblr.com
</div>

因此，类hideInput样式会将边框宽度设置为0以隐藏它们以及填充。 E.g。

border-bottom-width:0;

由于类inputBox样式会重新实现输入框样式，因此它将具有边框，填充等。