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,只要你想:))