单击html按钮时不要刷新页面答案

【问题标题】：dont Refresh page when click on html button单击html按钮时不要刷新页面
【发布时间】：2014-12-01 17:00:04
【问题描述】：

我有一个 ASP.NET Web 表单项目。在 Master 页面中，我有一个 input:button 和 input:text 。当点击输入：按钮，页面刷新。我怎么能解决它，我不刷新页面，因为它不是运行服务器控制器。我在母版页中的 html 代码：

 <li class="menusearch">
                        <input type="text" placeholder="جستجو..." class="txtsearch" />
                    </li>
                    <li>
                        <input type="image" src="/statics/images/search.png" class="btnsearch" />
                    </li>

【问题讨论】：

@mason 编辑并添加 html 代码。
我在您的代码中没有看到输入按钮。

标签： html

【解决方案1】：

W3C says input type="image" 定义了一个带有图像的提交按钮。也许您应该将其更改为button type="button"，然后在其中放入一个图像元素。例如：

<button type="button" class="btnsearch">
<img src="/statics/images/search.png" />
</button>

然后按钮将没有提交行为，并且它内部会有一个图像。或者，您可以使用 CSS 在按钮上设置背景图像。见HTML / CSS How to add image icon to input type=“button”?

【讨论】：