0

我正在尝试创建一个用于输入活动风险的 html 表单，其中包括用于输入数据的两个图像：a）风险的严重性和 b）风险发生的可能性。我尝试使用图像映射但没有成功：

<form method="post">
    <map name="image_map">
        <area shape="rect" coords="0,0,10,25" alt="1" />
        <area shape="rect" coords="10,0,20,25" alt="2" />
        <area shape="rect" coords="20,0,30,25" alt="3" />
        <area shape="rect" coords="30,0,40,25" alt="4" />
        <area shape="rect" coords="40,0,50,25" alt="5" />
    </map>
    <input name="severity" type="image" width="50" height="25" src="images/rating.png" usemap="#image_map" /> 
    <input name="liklihood" type="image" width="50" height="25" src="images/rating.png" usemap="#image_map" />
    <input type="image" src="images/document_add.png" name="add" width="32" height="32">
</form>

但是当我点击一张图片时，它会提交表单（注意有三张图片，一张用于提交表单）。我还考虑过拆分图像并将它们用作单选按钮，但似乎我必须为每个单选按钮使用相同的图像，即 1、2、3、4 和 5 的值都是相同的图像.

图像看起来像这样：评级图像。用户应该能够单击其中的一部分并为两个输入字段中的每一个返回 1 到 5 之间的值。

如何使用表单中的两个图像执行此操作？

4

0 回答 0