显示开始搜索时按Enter键

Question

我有一个简单的搜索表单输入，我想在用户在搜索表单中键入的内容后显示文本[按Enter键]。我搜索了Stack溢出无济于事。

random port like 8080

Answer 1

您是否尝试过查看placeholder功能？

<input type="search" id="searchform" name="q" placeholder="[Press Enter]" />

它将“ghost text”添加到输入字段，人们可以在其中键入。

如果您尝试在用户键入后附加“[Enter Enter]”，则会遇到实际查询字符串的一些问题，除非您在某种帖子中专门删除“[Press Enter]”字符串 - 提交处理。您可以在JavaScript中执行on("change", ...)事件监听器来更新值，例如： ：

$("#searchform").on("change", function() {
  $(this).val($(this).val() + "[Press Enter]");
};

并添加一些超时检查，因此它不会不断更新，但我认为你最好使用占位符。一旦用户第一次看到，我相信他或她会理解他或她应该按Enter键进行搜索。