UseMap将数据插入表单

时间:2016-11-14 15:10:52

标签: javascript html

我只是想找一个教程,或者有人可以指出我正确的方向。我正在做一个小学内部网站点,它将有一个登录,但我在图像上使用了一个usemap,在该图像上是数字。

如何点击图片时将其插入文本框中。

1 个答案:

答案 0 :(得分:0)



function setValue(value) {
   document.getElementById('textbox').value = value;
}

<img src="planets.gif" width="145" height="126" alt="Planets" usemap="#planetmap">

<map name="planetmap">
  <area shape="rect" coords="0,0,82,126" href="javascript:setValue('Sun')" alt="Sun">
  <area shape="circle" coords="90,58,3" href="javascript:setValue('Mercury')" alt="Mercury">
  <area shape="circle" coords="124,58,8" href="javascript:setValue('Venus')" alt="Venus">
</map>

<input type="text" id="textbox" />
&#13;
&#13;
&#13;