0

  1. 検索フィールド（右側）内のテキストを個別にスタイル設定するにはどうすればよいですか？デフォルトのテキスト（検索）がある場合は明るい灰色にし、人が単語を入力する場合は黒い色にします。

    • 関数を新しいタグ内にラップしようとしましdivたが、使用できません。PHPエラーが発生します。

    • 私はFireBugを使用して問題を追跡しましたが、自分でそれを理解することはできませんでした。

  2. 検索に何かを書き込んで（Enterキーを押さないでください）、クリックして離れると、書き込んだテキストは検索フィールド内に残ります。検索フィールドから離れるたびにデフォルトの単語（この場合はSEARCH）にリセットされるように、効果を得るにはどうすればよいですか？

    • 遊んでみましonblurたonfocusが、目的の動作を実現するために何を変更すればよいかわかりません。

    • フォームのリセットにもコードを使用しましたが、デフォルトのテキストにリセットするためにクリックする必要のあるボタンが表示されます。

  3. 2番目の質問に対する答えが複雑すぎる場合は、代わりに次の質問を取得したいと思います。

    • サイトが読み込まれると、検索フィールドに「検索」と表示されます。

    • 何かを入力して（Enterキーを押さないで）クリックすると、入力したテキストは残ります...

    • ...その検索フィールドをもう一度クリックすると、以前に入力したテキストが完全に選択されるため、新しいものを書き始めると、検索フィールドには新しいテキストのみが表示されます。（現時点では、クリックしてからファイルをクリックすると、その前に入力したテキストに新しいテキストが追加されます）。

4

1 に答える 1

0

これは私にとって＃1と＃2の両方で機能します（FFでテストされていますが、IEについてはわかりません）。

デフォルト値がまだ検索フィールドにあるonclickかどうかをチェックし、残っている場合はクリアされ、ユーザーは黒いテキストで何かを入力できます。

クリックすると、onblurイベントが発生し、デフォルト値が存在するかどうかが確認されます。そうでない場合、値はリセットされ、薄い灰色に変更されます。

<input type="text" name="search" value="SEARCH" style="color: #DDDDDD;"
    onclick="javascript: if( this.value == 'SEARCH') { this.value = ''; this.style.color = '#000000'; } "
    onblur="javascript: if( this.value != 'SEARCH') { this.value = 'SEARCH'; this.style.color = '#DDDDDD'; }" />
于 2011-11-13T16:32:12.677 に答える