Question

我可以使用<INPUT TYPE="SUBMIT" NAME=submit VALUE=Submit>这样的内容，但它不是提交按钮，而是图片吗？是否有类似href的内容？

Answer 1

最简单的方法是使用图像作为使用HTML表单标记的提交按钮。

<input type="image" src="IMAGE.GIF" alt="Submit button">

但是，您也可以使用Javascript提高健壮性

<a href="javascript:document.your_form_name.submit()"> 
     <img src="IMAGE.gif" alt="Submit this form" name="sub_but" />
</a>

Answer 2

HTML已经得到了它：

 <input type="image" src="myimage.png" />

点击它就像点击提交按钮一样，而不是value您定义src，点击的坐标也会发送到服务器。

Official documentation

修改 - 虽然表单提交本身是相同的，但<input type="submit" />和<input type="image" />之间存在一个区别，即发送给服务器的点击按钮的值。使用普通提交按钮，按钮的值将与其名称一起发送，然后可用于了解表单是否已提交。在图像输入的情况下，每个浏览器的行为都不同，有些发送值的一些发送坐标，但你不能再依赖它了。所以，如果依赖于服务器端代码中提交的按钮值，使用图像按钮不好主意。

Answer 3

<input type="image" src="image.png" />完全按照你的要求行事。您不能依赖name属性（例如，如果您的服务器端代码检查它作为提交表单的引用），因为浏览器发送name.x和{{ 1}}用于点击的坐标。

除此之外，name.y输入类型与大多数用途的提交按钮基本相同。

Answer 4

您可以使用图片代替显示默认提交按钮。

 form input[type=submit] {
            background : url("submit.png") no-repeat center center;
            width : 115px; /* As per requirement */
        height :52px; /* As per requirement */
        border : none;
        color : transparent;
 }

请注意，某些浏览器缺少type =“image”支持，因此上述样式是一种安全的方式。

Answer 5

你可以这样做，在'scr'你可以把你的图像链接;它就像图像按钮。

<input type="image" src="images/submit.jpg" value="Submit" alt="Submit">

设置提交输入类型的href

5 个答案: