Question

所以我遇到了问题。我已经创建了一个类似的文本框：

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

我的问题基本上是在我按下文本框写下我自己的文本，然后按屏幕上的其他位置后，我在开始时设置的值（搜索关键字）将不再显示。我已经尝试了所有的东西:(。一旦我在屏幕上按下了其他地方，我怎么再让它显示出来？提前感谢。

Answer 1

您应该使用占位符属性：

示例：

<input name="Email" type="text" id="Email" value="email@abc.com" placeholder="Enter your mail" />

Answer 2

摆脱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>

在文本框中显示设置值

2 个答案: