我有一个博客,它由WordPress提供支持。它之前有一个没有响应的主题,今天我安装了一个响应主题。我从一些免费的html主题构建了这个主题,从其他主题收集了一些和平,修改并在一周内将其转换为WordPress主题,它是带有modernizr.js
的HTML5,CSS3。
现在,我有一个奇怪的问题,就是在header.php
我有一个搜索输入,并且它假设在输入时提交表单(默认行为),但每当我按Enter键时,它都没有提交表格。我几乎查看了每个JavaScript
个文件,以查找是否有任何keydown
或类似的事件可能阻止提交但没有找到任何内容,我也知道所有文件。 This is the site现在仍处于开发过程中,所以任何人都可以请看这个网站,如果我遗漏了任何内容,请告诉我,这是标记
<form method="get" id="searchbar" action="<?php bloginfo('url'); ?>/search.php" style="margin:0 0 -10px !important;" _lpchecked="1">
<input id="search-submit" type="submit" name="submit" />
<input id="search-bkg" type="text" name="s" placeholder="Type and press enter.." />
</form>
问题是,表单在输入时没有提交。也许我错过了一些东西,所以需要研究员的帮助或任何建议/提示来找出问题所在。谢谢!
更新:这是当前的代码(经过研讨会的一些建议)
<form action="<?php echo home_url() ?>/search.php" method="get">
<input id="search-submit" type="submit" name="submit" />
<input id="search-bkg" type="text" name="s" placeholder="Type and press enter.." />
</form>
这是浏览器中的渲染标记
<form action="http://heera.it/search.php" method="get" _lpchecked="1">
<input id="search-submit" type="submit" name="submit">
<input id="search-bkg" type="text" name="s" placeholder="Type and press enter.." style="margin-top: 2px; display: none; width: 0px;">
</form>
但是,没有发生任何变化,仍然存在同样的问题。
答案 0 :(得分:6)
供将来参考(如果其他人面临同样的问题,这是一个调试提示)
它实际上是一个插件,它使用keydown
事件处理程序带领表单提交,很难从大文件中找到代码(4/5行)而且很难找出确切地在哪个文件中完成工作。但突然间我意识到,如果我禁用JavaScript
并尝试使用enter
提交表单,那么我可以确定肯定存在js
事件处理程序,这会阻止提交。所以,我做了它,它的工作原理。最后,我删除了一些插件并逐个添加,发现阻止提交表单的script
。所以,一旦我得到它,我只需更改代码即可。
答案 1 :(得分:1)
PHP
渲染bloginfo网址的方式有些不对劲。您的表单操作设置为#
,如果您正在执行标准获取请求,我非常确定您不希望这样做。