我可以在不使用 javascript 的情况下用图像替换提交输入元素以回发表单吗？答案

【问题标题】：Can I substitute a submit input element with an image to postback a form without using javascript?我可以在不使用 javascript 的情况下用图像替换提交输入元素以回发表单吗？
【发布时间】：2011-03-29 23:34:37
【问题描述】：

我见过buttons 有一些不错的形状。我下载了其中的几个来尝试我的应用程序。我期待得到一张图片作为我的按钮和文本框的背景。但是，下载的文件包含 2 个图像和一个脚本。在我看来，这些形状的控件旨在替换 html 按钮和文本框。

如果它们应该代替常规按钮，我如何发布带有图像的表单？使用可行的javascript。但是，是否有可能在没有 javascript 的情况下获得相同的东西？

感谢您的帮助

【问题讨论】：

你在使用 ASP.Net 吗？（标签postback 让我思考）
@CMS：对不起，我应该说只是发布。我正在使用 ASP.NET MVC

标签： html forms postback

【解决方案1】：

您可以设置按钮样式：

HTML：

<input type="submit" class="button" value="Go!"/>
<input type="button" class="button" value="Cancel!"/>

还有 CSS：

.button{
     background: #FFF url('images/button-bg.jpg') repeat-x;
     color: #000;
     font: 1.0em Tahoma;
     border: 1px solid #D4D4D4;
     cursor: pointer; /* Change cursor to 'hand' when hovering the button */
}
.button:hover{
     background: #EEE url('images/button-hover-bg.jpg') repeat-x;
     border: 1px solid #666;
}

上述样式将带给您的示例：

Man she's pretty http://img714.imageshack.us/img714/5773/84220208.png

请注意，按钮的文本 value 仍将显示，以便您保持表单可访问。

这样的按钮保留了它们的实用性，同时更加美观。就像化妆的女人一样。

【讨论】：

【解决方案2】：

您可以使用<input type="image"/> 来执行此操作：

<input type="image" src="your-fancy-button.png" alt="Submit"/>

【讨论】：