テキストフィールド内の静的テキスト？

Question

tumblrアカウント***。tumblr.comのように<input type="text" name="site">テキストフィールド内に静的テキストを保持するにはどうすればよいですか？<！> gt; http://www.tumblr.com/

Answer 1

.tumblrテキストはinputタグとは別です。

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

したがって、クラスのhideInputスタイルは境界線の幅を0に設定して、それらとパディングを非表示にします。例：

border-bottom-width:0;

クラスinputBoxスタイルが入力ボックススタイルを再実装するので、境界線、パディングなどがあります。