2

注：私はJavascriptが初めてです。

コードは次のとおりです。

それはhtmlページ自体からのものです

<form action="#" id="ToolKeywordSearch">
  <input type="text" class="ProductFinderText"
          id="ToolSearchField"onblur="if(this.value=='')    
             {this.value='Enter Search Term ';}" 
                onclick="if (this.value == 'Enter Search Term ')
                  { this.value = ''; }" value="Enter Search Term " />
</form>

 ___________________________________
|  _____________________     ______ |      (restriction does not let me insert image)
| |                  |O |   |      ||
| |enter search term | \|   |Search||                      
|  ---------------------     ------ |
|___________________________________|

ここで何をするか：検索ボタンが押されると、検索フィールドが開きます

検索画像は背景です:

#ToolSearchField {

 background:url(../../Content/images/search_but.png) no-repeat scroll 
    right center   transparent;

カーソル:ポインタ; }

検索フィールドのテキストを削除するには? Javascript または CSS で、両方を試しましたが、成功しませんでした。

<script type="text/javascript">
    var jo = document.getElementById("ToolSearchField").value;
    alert(jo);
</script>

I receive Enter Search Term as an output. 

Then if I insert remove(); instead, it doesn't do anything.

var jo = document.getElementById("ToolSearchField").value;
    jo.remove();

最終結果には、検索アクションを起動する検索ボタンが必要です。

教えてください、私は何が間違っているのですか。

4

3 に答える 3

4

インスタンス化するvarjoには、javascript の最初の行の後に "Enter Search Term " という文字列値があります。次の行では、この文字列を に伝えていますがremove()、元の要素では何も達成されていません。

document.getElementById("ToolSearchField").value = "";代わりに試してください！

于 2013-01-24T11:33:49.630 に答える
1

本当にプレースホルダーが必要なようです：

<input type="text" class="ProductFinderText"
    id="ToolSearchField"
    placeholder="Enter Search Term " />

次に、古いブラウザー用のプレースホルダー ポリフィルを含めます。

于 2013-01-24T12:44:34.157 に答える
0

こちらのチュートリアルをご覧ください: http://www.ozu.com/javascript-tutorials/tutorial-watermark-text-boxes-html-javascript-jquery-t106384.html

このチュートリアルでは、jQuery を使用して効果を実現する方法を示します。Javascript を初めて使用する場合は、jQuery を調査することを強くお勧めします。jQuery を使用すると、多くのことが簡単になります。

于 2013-01-24T11:33:24.537 に答える