Question

http://torasbo.se/lumos/blog20.html包含一个简单的搜索表单。

<form class="searchform" method="get">
    <input type="text" id="s2" name="s" value="type and hit enter" onfocus="this.value=''" onblur="this.value='type and hit enter'"/>
</form>

如果我输入 - Benjamin - 找不到任何内容，文件栏显示blog20.html?s=Benjamin。

如果我将文件栏更改为blog20.html?s=#Benjamin，则搜索成功。

为了实现这一目标我需要做些什么改变？我花了3天时间搜索，一无所获。

Answer 1

看起来您的网站上有JQuery。在调用JQuery之后，在页面的标题中添加它。

<script>
    $(document).ready(function(){
        $('.searchform').submit(function(e){
            e.preventDefault();
            var object = $(this).find('input');
            window.location.hash = object.val();
            object.blur();
        });
    });
</script>

它会阻止搜索表单的默认操作，而是将哈希标头推送到您的页面。使用更完整的搜索系统可以更好地工作，并使搜索更灵活，但这是你显然想要做的。

Answer 2

将此代码粘贴到您的文件中：

JButton button = new JButton();
button.setActionListener(e -> System.out.println("Clicked"));

简单的html页面搜索

2 个答案: