Question

如何在搜索字段（右侧）内单独设置样式？当有一个默认文本（SEARCH）时我想要浅灰色，当一个人输入一个单词时我想要一个黑色。
- 我尝试将函数包装在新的div标记内但没有用，它给了我一个PHP错误。
- 我使用FireBug来跟踪问题，但无法自行解决。
当您在搜索中写入内容时（请勿按Enter键）然后单击“离开”，您编写的文本将保留在搜索字段中。我该怎么做才能获得效果，以便每当您点击搜索字段时，它会重置为默认字词（在这种情况下为SEARCH）？
- 我尝试使用onblur和onfocus但我不知道要改变什么来获得理想的行为。
- 我还使用了一个代码进行表单重置，但这只是给我一个你必须点击以重置为默认文本的按钮。
如果第二个问题的答案过于复杂，我想改为：
- 网站加载时 - 搜索字段显示SEARCH。
- 当您输入内容（请勿按Enter键）并单击时，您输入的文字仍然保持...
- ...再次单击该搜索字段时，将完全选择先前输入的文本，以便在开始编写新内容时，搜索字段仅显示新文本。（目前，如果您在点击之后单击该字段，则新文本将添加到您之前输入的文本中。）

Answer 1

这适用于我的＃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'; }" />

更改搜索表单行为

1 个答案: