javascript - 文本字段中的静态文本？

Question

如何在 <input type="text" name="site"> 中保留静态文本？文本字段，就像这里的 tumblr 帐户 ***.tumblr.com > http://www.tumblr.com/

Answer 1

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

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

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

border-bottom-width:0;

因为类 inputBox 样式会重新实现输入框样式，所以它会有边框、填充等。