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 样式将重新实现输入框样式，因此它将具有边框、填充等。