0

这是我的代码，我将 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 标签 - 但不确定......

4

1 回答 1

0

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

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

我不确定你使用的是什么服务器端技术，所以我不能很具体，但一般来说：

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

此外，您正在使用内联onclick事件将字段的值设置为空字符串——即使您成功携带该值，只要用户关注输入，携带的值就会被清除；您可能想重新考虑那一点 javascript。

于 2013-06-24T18:23:59.330 回答