Question

所以我将我的网站升级为响应式模板，所有这些都已完成但仍然存在！所以我知道这是一个非常简单的事情，但是对于我的生活无法搞清楚：*（ http://www.example.com/cards/holiday-greeting-cards.php 这里右上角是带放大镜图标的搜索按钮...如何让它工作！另一个搜索按钮，其中显示＆＃34;搜索假日卡＆＃34;（一旦开始工作将被删除）工作正常...... 请有人请，请帮忙谢谢你

Answer 1

这个不是完美的解决方案，而且它更像是一个黑客，但它确实很短并且能够完成它的工作。

在<input type="text" placeholder="Search">

之后追加

<input type="submit" style="
    width: 30px;
    margin-left: -40px;
    opacity: 0;
">

Answer 2

如果您在输入框中添加了一个类（您也可以在search_box中执行输入查找）

<div class="search_box pull-right">
    <input type="text" class="search_input" placeholder="Search">
</div>

您可以使用jQuery获取内容（此示例仅对回车键做出反应）

$('.search_input')
    .keypress(function(e) {
        if(e.which == 13) { // if you press enter
            window.location.assign('/cards/search-results-xmas.php?keywords=' + $('.search_input').val());
        }
    });

css搜索表单不起作用

2 个答案: