0
<input name="phone" type="text" id="phone" value="Phone #" onfocus="value=''">

ここで 2 つの問題があります。主なものは、ヘルパー テキスト (この場合は「電話番号」) を、ユーザーが入力したテキストとは異なる色にして、ユーザーが入力されたフィールドと入力されていないフィールドを簡単に区別できるようにすることです。

2 つ目は、この方法論 ( onfocus="value''") では、フィールドに何かを間違って入力して戻ってきた場合、すべてを再入力する必要があり、これは実際には受け入れられないことです。

4

3 に答える 3

2

ここで必要なことを正確に実行する、優れたシンプルな jQuery プラグインがあります。

http://blog.amnuts.com/2009/02/17/text-box-hint-values-with-jquery/

CSSを使用して、必要な効果を実現します。

ここには別の単純な jQuery プラグインがあります。

http://fuelyourcoding.com/scripts/infield/

これは、入力を開始するまで透かしテキストが残るという点で、わずかに異なる機能を提供します。

于 2010-04-26T18:14:40.310 に答える
0

たぶん、ヘルプテキストは完全にフィールドの外にあるべきですか?「電話番号」は、ヘルプテキストというよりもフィールドのタイトルのように見えます。

ヒントが常に必要ない場合は、まったく必要ないのではないでしょうか。そして、それが必要な場合、ユーザーが何かを入力するとどうなりますか?突然消えるUI要素やテキストを含めるべきではありません。

于 2010-04-28T10:08:43.277 に答える
0

テキスト フィールドの値をヘルパー テキストとして使用する代わりに、フィールドの上にラベルを配置して、テキスト フィールドが空でない場合はラベルを非表示にする方が、はるかに適切でアクセスしやすくなります。

編集: そのためのjQuery プラグインもあります。

于 2010-04-26T18:19:28.177 に答える