inputtypes图像提交表单值?

我正在使用此代码尝试通过表单提交一个值,但它似乎并没有提交任何东西…

我通常会使用checkbox或单选button的多个选项,但我想用一个图像来做到这一点。

这个代码是错的吗?

<input id="test1" name="test1" type="image" src="images/f.jpg" value="myValue" alt="" /> 

所以我想通过value =“myValue”的值。

表单工作正常,所以这不是问题,我只需要帮助input部分不提交,因为我知道的作品。

谢谢

inputtypes=“图像”只将图像定义为提交button,而不是将值传递给服务器的input。

使用type =“image”是有问题的,因为传递一个值的能力被禁用了一些愚蠢的缺乏理由。 无论如何,虽然它不像可定制的那样漂亮,但只要它们是type =“button”的一部分,你仍然可以使用你的图片。

 <button type="submit" name="someName" value="someValue"><img src="someImage.png" alt="SomeAlternateText"></button> 

希望这可以帮助! ^ _ ^

我和你在同一个地方,终于find了一个很好的答案:

 <form action="xx/xx" method="POST"> <input type="hidden" name="what you want" value="what you want"> <input type="image" src="xx.xx"> </form> 

我发现图像buttonDO返回一个响应,但你不应该使用一个值选项。 我看到返回的是两个版本的名称=“MYNAME”.X和.Y结尾。 例如:

<input type =“image”src =“/ path-to / stop.png”name =“STOP”width =“25”height =“25”align =“top”alt =“Stop sign”>

这是你的<form>到</ form>。 如果单击图像,返回的是带有数字值的STOP.X和STOP.Y。 任何一个的存在都表示点击了STOP图像button。 你不需要任何特殊的代码。 只要把它作为另一种“提交”button,返回一对扩充的名称。

我已经在Safari,Firefox和Chrome上试过了。 图像不是用Safari显示的,而是应该在哪里find的,我的光标变成了一个手指图标,我可以点击它。

某些浏览器(IIRC只是某些版本的Internet Explorer)只发送图像映射的坐标(在name.x和name.y中)并忽略该值。 这是一个错误。

解决方法是要么:

  • 只有一个提交button,并使用隐藏的input发送值
  • 使用常规的提交button,而不是图像映射
  • 使用唯一的名称而不是值,并检查是否存在name.x / name.y

这就是我想要做的,我是怎么做到的。 我想你想做类似的事情。 我有一个表有几行,在每一行我有一个inputtypes的图像。 我想在用户点击该图像button时传递一个id。 当你注意到标签中的值被忽略。 相反,我添加了一个隐藏的input在我的表顶部,并使用javascript我把正确的ID在我张贴表单之前。

 <input type="image" onclick="$('#hiddenInput').val(rowId) src="..."> 

这样,正确的ID将与您的表单一起提交。

你可以使用一个单选button/checkbox,并将其设置为隐藏在CSSbutton,然后给它一个图像的标签。

 input[type="radio"] {display: none} input[type="radio"] + label span {display: block} 

然后在页面上:

 <input type="radio" name="emotion" id="mysubmitradio" /> <label for="mysubmitradio"><img src="images/f.jpg" /> <span>if you need it</span></label> 

然后将其设置为使用javascript提交:

 document.forms["myform"].submit(); 

解:

 <form name="frmSeguimiento" id="frmSeguimiento" method="post" action="proc_seguimiento.php"> <input type="hidden" name="accion" id="accion"/> <input name="save" type="image" src="imagenes/save.png" alt="Save" onmouseover="this.src='imagenes/save_over.png';" onmouseout="this.src='imagenes/save.png';" value="Save" onclick="validaFrmSeguimiento(this.value);"/> function validaFrmSeguimiento(accion) { document.frmSeguimiento.accion.value=accion; } 

问候,jp

以及如果我在你的位置,我会做这个。我会有一个隐藏的领域,并基于input图像领域,我会改变隐藏的字段值(jQuery),最后提交隐藏的领域,其价值反映了图像领域。

加这个

  name="myvalue" 

给你的标签。

要提交表单,您可以使用:

 <input type="submit"> 

要么

 <input type="button"> + Javascript 

我从来没有听说过这样一个疯狂的人尝试发送表单使用图像或checkbox,只要你想:))