0

  1. 如何单独设置搜索字段（右侧）内的文本样式？当有默认文本（搜索）时我想要浅灰色，当有人输入单词时我想要黑色。

    • 我尝试将函数包装在新div标签内，但没有用，它给了我一个 PHP 错误。

    • 我使用 FireBug 来跟踪问题，但无法自己解决。

  2. 当您在搜索中输入内容（不要按 Enter）然后单击离开时，您输入的文本会保留在搜索字段中。我该怎么做才能获得效果，以便每当您在搜索字段之外单击时，它都会重置为默认单词（在这种情况下为搜索）？

    • 我试过玩，onblur但onfocus我不知道要改变什么来获得所需的行为。

    • 我还使用了表单重置代码，但这只是给了我一个按钮，您必须单击该按钮才能重置为默认文本。

  3. 如果第二个问题的答案太复杂，我想得到以下内容：

    • 当网站加载 - 搜索字段显示搜索。

    • 当您输入某些内容（不要按 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 回答