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スタイルは入力ボックススタイルを再実装するので、ボーダー、パディングなどがあります.