Question

这是我的代码，我正在使用HTML5作为我的搜索逻辑：

<form style="padding-top: 15px; margin-bottom:-15px" onsubmit="location.href='/search/' + document.getElementById('userInput').value; return false;" />
    <input id="userInput" style="width:150px; padding: 5px; margin: 0 5px; font-size: 90%;" type="text" value="" onclick="this.value=''" />
    <input style="width:80px; height: 25px; font-size: 90%;" type="submit" value="Search" />
</form>

如何在提交后显示用户在字段中键入的搜索值？我觉得有一个HTML5标签 - 但不确定......

Answer 1

没有HTML5标记意味着“在提交表单之前记住输入的内容” - 这不是HTML元素的作用。

表单提交后，您将进入新页面。您将要么重定向，要么渲染页面。因此，要在表单中显示搜索字词，您需要在渲染结果页面时将该字词放在搜索字段的value属性中，无论您使用哪种方法。

我不确定您使用的是哪种服务器端技术，所以我不能非常具体，但通常是：

<input ... value="[IF length($searchValue) > 0 THEN print $searchValue]" ... />

此外，您正在使用内联onclick事件将字段的值设置为空字符串 - 即使您成功携带该值，只要用户将注意力集中在输入上会被清除;你可能想重新考虑一下这个javascript。

提交后在搜索字段中显示搜索词

1 个答案: