停止响应href链接的html输入

Question

我有一个嵌入在作为按钮的边框中的链接，但是我只希望在按钮的外部注册点击，而不是当用户在输入（搜索）框内单击时。

<a href='search'>
  <div class='button' id='search_head' style='margin-right: 1em;'>
    <input class='search' placeholder="&nbsp;e.g. blue jeans" type='text'/>
    <img src='img/mag_glass_nav.png' height='20' weight='20' />
    &nbsp; Search
  </div>
</a>

Answer 1

将您的标记更改为以下内容：

<input class='search' placeholder="&nbsp;e.g. blue jeans" type='text'/>
 <a href='search'>
 <div class='button' id='search_head' style='margin-right: 1em;'><img src='img/mag_glass_nav.png' height='20' weight='20'>&nbsp; Search
 </div>
</a>