HTML 按钮在 chrome 中不起作用答案

【问题标题】：HTML button is not working in chromeHTML 按钮在 chrome 中不起作用
【发布时间】：2012-06-28 05:02:23
【问题描述】：

我有以下html：

<div class="art-vmenublock-body">
    <MAP NAME="map1">
    <a HREF="#" class="big-link" data-reveal-id="myModal" shape=RECT COORDS="30,262,180,300"></a>
    <a HREF="#" class="big-link" data-reveal-id="myModal" shape=RECT COORDS="220,262,365,303"></a>
    <a HREF="#" class="big-link" data-reveal-id="myModal" shape=RECT COORDS="405,262,560,303"></a>
    <a HREF="#" class="big-link" data-reveal-id="myModal" shape=RECT COORDS="595,262,750,303"></a>
    <a HREF="#" class="big-link" data-reveal-id="myModal" shape=RECT COORDS="790,262,940,296"></a>
    </MAP>
<IMG SRC="images/plans.png" BORDER=0 WIDTH=966 HEIGHT=343 USEMAP="#map1"></div>

当我提交名为“立即购买”的按钮时。它在 Firefox 中运行。但是这个过程在 chrome、Internet Explorer 中不起作用让我知道原因。请帮助

【问题讨论】：

提供更多细节，如代码 sn-ps、标记等
@user1487499 ：下次粘贴代码，选中它，然后按CTRL+K。欢迎来到 SO :)
你有标记错误，<map>不要使用<a>标签，它有自己的标签<area>
你能在上面的代码中显示Buy Now按钮在哪里吗？

标签： html css google-chrome

【解决方案1】：

这是工作代码。你的实际代码都搞砸了。

演示： http://jsfiddle.net/surendraVsingh/UJCuT/

<div class="art-vmenublock-body">
    <img src="http://www.dailyencouragement.net/dmr/quarry_road_entrance_wall.jpg" BORDER="0" WIDTH="966" HEIGHT="343" usemap="#map1" />
    <map name="map1">
        <area HREF="#" class="big-link" data-reveal-id="myModal" shape="rect" coords="30,262,180,300" />
        <area HREF="#" class="big-link" data-reveal-id="myModal" shape="rect" coords="220,262,365,303" />
        <area HREF="#" class="big-link" data-reveal-id="myModal" shape="rect" coords="405,262,560,303" />
        <area HREF="#" class="big-link" data-reveal-id="myModal" shape="rect" coords="595,262,750,303" />
        <area HREF="#" class="big-link" data-reveal-id="myModal" shape="rect" coords="790,262,940,296" />
    </map>
</div>

【讨论】：

【解决方案2】：

你有标记错误，<map> 不使用<a> 标签，它有自己的标签<area>，所以你的标记应该是这样的：

<div class="art-vmenublock-body">       
    <MAP name="map1">
        <area HREF="#" class="big-link" data-reveal-id="myModal" shape="rect" coords="30,262,180,300" />
        <area HREF="#" class="big-link" data-reveal-id="myModal" shape="rect" coords="220,262,365,303" />
        <area HREF="#" class="big-link" data-reveal-id="myModal" shape="rect" coords="405,262,560,303" />
        <area HREF="#" class="big-link" data-reveal-id="myModal" shape="rect" coords="595,262,750,303" />
        <area HREF="#" class="big-link" data-reveal-id="myModal" shape="rect" coords="790,262,940,296" />
    </MAP>
    <IMG SRC="images/plans.png" BORDER=0 WIDTH=966 HEIGHT=343 USEMAP="#map1"></div>
</div>

【讨论】：

【解决方案3】：

让提交按钮工作。您需要将所有标签包含在 FORM 元素内。

Firefox 怎么理解它。确保你有一个表单标签

【讨论】：

这里输入的评论怎么了？？为什么要删除它？