1

この質問の正しいタイトルはわかりません。'staticplaceholder'の入力ボックスがあります。例はurljsfiddle.net/manyahin/MxRqXです。 

<div class="controls">
 <input type="text" />
 <span>http://</span>
</div>

この後、ユーザーはhttp：//を削除してテキストを入力することはできません。スパンにはマージン左があります：入力の上の位置にはマイナス、入力にはスパンの空き領域を取得するためのテキストIDがあります。

入力をクリックすると、httpの前の入力の先頭にカーソルが設定されます。入力を開始すると、カーソルが通常の位置に移動します。このバグを修正する方法、またはこれを実現するための別の方法を教えてください。英語が下手でごめんなさい。

4

2 に答える 2

1

:beforecssでの使用はどうですか？

これを試してみてください... http://jsfiddle.net/MxRqX/3/

于 2012-05-23T14:12:01.220 に答える
1

入力テキストが常に http:// で始まる必要がある場合、より簡単な方法は、フィールド内ではなくフィールドの前にラベルとして配置し、バックエンドで http:// を先頭に追加することです。または、バックエンドでキャッチして入力フィールドからテキストを読み取り、ユーザーが入力しなかった場合は入力テキストに http:// を追加することもできます。

もう 1 つの方法は、テキスト ボックスの値を http:// に設定し、ユーザーが入力したテキストを使用できる jquery を使用することです。

洗練されていない 3 つ目の方法は、2 つの入力フィールドを使用し、css を使用してそれらを配置し、スタイルを設定して 1 つとして表示することです。最初のフィールド値を http:// に設定し (常に http:// になると仮定)、読み取り専用に設定します。

于 2012-05-23T12:56:40.963 に答える