javascript - 在第一次查询后在表单上显示 <input type ="search"> 输入字段的值 (javascript)

标签 javascript html forms get

我在获取表单上使用 HTML5 输入字段在我的网站上实现搜索:

<input type="search" name="q" placeholder="search" value="">

一切正常,但在第一次搜索后,用户输入的搜索字符串并未保存在搜索字段中,而是 placeholder再次显示属性值。

第一次搜索后,我希望用户输入的搜索字符串显示在表单的搜索字段中。

这意味着value输入字段的属性需要在第一次搜索前为 ""(以便显示 placeholder 属性值),然后在第一次搜索后动态更新。

我从 Mozilla documentation on <input type="search"> 了解到 用户输入的值存储在 DOMstring "searchTerms = mySearch.value;" 中但我的编程技能和经验有限。

我没有使用 php,提前谢谢你。

最佳答案

尝试在您的函数中添加此 event.preventDefault();,这样您的事件将被取消,但它的传播不会。如果您想了解更多信息,请参阅文档:https://developer.mozilla.org/en-US/docs/Web/API/Event/preventDefault

关于javascript - 在第一次查询后在表单上显示 &lt;input type ="search"> 输入字段的值 (javascript),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55437478/

相关文章:

javascript - 如何在本地 HTML 站点上存储 session 数据?

javascript - Angular JS 与 Twitter Bootstrap JS

javascript - 使用javascript旋转和取消旋转图像onClick

php - Symfony 表单生成 - 为什么?

javascript - 无法使用formset上传多张图片

php - JavaScript 函数行为不正确

javascript - 我如何使用 javascript 更新谷歌日历事件

python - 如何使用python从网站中提取带有匹配词的html链接

javascript - JS/jQuery - 强制点击文本区域元素

forms - 您在连接字符串中指定了密码,但您使用的 native SQLite 库不支持加密