2014-09-01 116 views
0

所以我有一個問題。 我創建這樣一個文本框:在文本框中顯示設置值

<input type="text" id="search" name="search" class="myText" value="Search for a keyword" onclick="value=''"/> 

我的問題主要是,經過我按的文本框中寫我自己的文字,然後按其他一些地方在屏幕上,值我設置在開始處(搜索關鍵字)將不會再次顯示。 我已經竭盡所能:(我如何讓它再次顯示一旦我提前按其他一些地方在屏幕上感謝

+0

我認爲你需要讓你的問題更清晰。所以,當你在這個文本框中輸入一個值,然後點擊另一個表單元素時,你輸入的值就消失了,並被'搜索一個關鍵字'所取代,這是否正確? – Lee 2014-09-01 14:13:15

+0

你沒有讓我的權利,我的壞。我想只做你所描述的。正如你所說的,我希望我輸入的值能夠消除,並且一旦我按下屏幕上的其他位置,就會被替換爲「搜索關鍵字」。 – user3804691 2014-09-01 14:15:47

回答

1

擺脫onclick="value=''

你基本上是說,空每當我點擊它的盒子。

如果你可以使用HTML5,你可以使用:

<input type="text" id="search" name="search" class="myText" placeholder="Search for a keyword" /> 

你可以風格它還有:

<style type="text/css"> 
    ::-moz-placeholder {color:#ddd;} 
    ::-webkit-input-placeholder {color:#ddd;} 
    :-ms-input-placeholder {color:#ddd;} 
</style> 
+0

謝謝朋友,作品。 – user3804691 2014-09-01 14:20:23

1

您應該使用佔位符屬性:?

例子:

<input name="Email" type="text" id="Email" value="[email protected]" placeholder="Enter your mail" /> 
+0

非常感謝,它的工作原理。順便說一下,有沒有辦法改變佔位符中文本的顏色?它是灰色和醜陋的:p – user3804691 2014-09-01 14:18:47

+0

是的你可以使用Css:你可以找到那裏的例子:http://stackoverflow.com/questions/2610497/change-an-inputs-html5-placeholder-color-with-css – 2014-09-01 14:21:18

+0

Remi - 我給了你一個贊成票,你比我快一點。 – 2014-09-01 14:29:53