FireFox 和 FireFox 中的图像按钮形成 mailto 问题Chrome 附加 x= y=

发布于 2024-11-15 19:35:07 字数 648 浏览 3 评论 0原文

当我在 FireFox 或 Chrome 中使用带有表单图像按钮的 mailto 时，我在正文文本末尾添加了“x=101 y=15”类型文本。 x & y 值每次都不同。

常规的提交按钮工作正常。 IE（这一次）做对了。

我的代码有问题吗？

下面的示例有一个普通的提交按钮和一个图像按钮。

<form action="mailto:[email protected]?subject=my subject line&body=my body text" method="post" enctype="text/plain">
<input type="submit" value="Thank you.">
<input type="image" src="image1.png"  onmouseover="this.src='image2.png';"   onmouseout="this.src='image1.png';" alt="Submit"> 
</form>

原文

When I use mailto with a form image button in FireFox or Chrome I get "x=101 y=15" type text added to the end of the body text. The x & y values vary each time.

A regular submit button works fine. IE (for once) gets it right.

Is something wrong with my code?

The example below has a normal submit button and an image button.

<form action="mailto:[email protected]?subject=my subject line&body=my body text" method="post" enctype="text/plain">
<input type="submit" value="Thank you.">
<input type="image" src="image1.png"  onmouseover="this.src='image2.png';"   onmouseout="this.src='image1.png';" alt="Submit"> 
</form>

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

一笔一画续写前缘 2024-11-22 19:35:07

此行为是设计使然。

当用户单击图像按钮时，浏览器会将他单击的坐标发送到服务器。

回复收藏 0 原文

驱逐舰岛风号 2024-11-22 19:35:07

谢谢你们。我使用 BUTTON 标签解决方案来避免 x= y= 问题 - 但必须使用 CSS 来隐藏默认按钮：

<form action="mailto:[email protected]?subject=my subject line&body=my body text" method="post" enctype="text/plain"  >
<button type="submit" style= "background-color:#ffffff; border:0px; margin:0px;">
<img src="image1.png" onmouseover="this.src='image2.png';" onmouseout="this.src='image1.png';" alt=""/>
</button>
</form>

Thanks guys. I went with a BUTTON tag solution to avoid the x= y= issue - but had to use CSS to hide the default button:

<form action="mailto:[email protected]?subject=my subject line&body=my body text" method="post" enctype="text/plain"  >
<button type="submit" style= "background-color:#ffffff; border:0px; margin:0px;">
<img src="image1.png" onmouseover="this.src='image2.png';" onmouseout="this.src='image1.png';" alt=""/>
</button>
</form>

回复收藏 0 原文

小矜持 2024-11-22 19:35:07

来自 w3 规范：

TYPE=IMAGE' 的 INPUT 元素指定图像资源显示，并允许两种形式的输入字段：a 的 x 和 y 坐标从图像中选择的像素。名字字段的名称附加了.x' 和 .y' 的字段。TYPE=IMAGE”意味着“TYPE=SUBMIT”
加工;也就是说，当一个像素
选择后，整体形式为
已提交。

也许在你的情况下在 IE 中工作正常，但不符合预期。