提交链接 - 没有Javascript:下行？

Question

前几天我发现了一个启示.当尝试使用图像创建提交按钮时,我遇到了一个问题,其中图像没有显示但value文本是.当时,这不是我想要的,但现在,当我回顾过去时,我看到了一些潜在的用途.

如果您需要将数据发送到另一个页面,但没有一个需要用户输入,您可以通过链接(或表单)通过表单GET或通过表单来发送数据POST.问题是前者创建了丑陋的URL,而后者需要一个submit看起来不合适的按钮.当然,我可以想出一个图像,但是如果我只想要可选文本呢？

所以,我开始玩了一下,Firefox似乎呈现了我想要的内容,作为提交表单的可点击链接.您所要做的就是src从input type='image'标记中删除属性:

<form action='some_page' method='post'>
  <input type='hidden' name='email_address' value='test@test.com' />
  <input type='image' value='E-mail User' />
</form>

此解决方案是否适用于其他浏览器？这样做有什么缺点(除了你的链接CSS没有正确应用的明显事实)？

Answer 1

没有必要使用图像输入,为什么不使用常规提交按钮并应用一些沉重的样式使其看起来像普通文本？

<input type="submit" value="E-mail User" class="link">

<style>
input.link {
    border: none;
    background: none;
    cursor: pointer;
    /* etc */
}
</style>