0

単純なテキスト入力フォームの横に静的な値をブレンドしたいと思います。たとえば、次のようになります。[static]どう思いますか[/ static] [user info] ...[/userinfo]。私はこれを思いついた：

        <p style="display:inline;">What Is It Like To Be</p>

        <div>
            <input name="post_title" type="text" id="topic"  class="input" size="50" maxlength="100" tabindex="1" placeholder="<?php echo $_GET["pr"];?>" style="padding-left:45px; " style="display:inline;"/>
        </div>

したがって、静的な「プレフィックス」を入力フォームにインライン化することはできますが、静的なテキストを「フォームの一部である」ように見せたいと思います。静的な「プレースホルダー」タグのように。

みんなありがとう ：）

4

1 に答える 1

1

次のようなことを試すことができます：

HTML 

<label class="input-stretch">prefix_<input type="text" /></label>​

CSS 

.input-stretch {
 border: 1px solid #222;
 padding: 0.1em;    
}
.input-stretch input {
 border: none;
 outline: none !important;    
}
​

基本的に、入力の境界線とアウトラインを削除してから、ラベルまたはそれをラップするその他の要素に追加します。

outline: none !important;アクティブ/フォーカス状態にも適用する必要があるかもしれません.iircクロムはそれに素敵な青い輪郭を与えます??

デモ

于 2012-05-15T12:08:29.583 に答える