我可以使用图像替换提交输入元素以不使用JavaScript回发表单吗？

问题描述：

我见过buttons有一些不错的形状。我下载了其中的几个来尝试我的应用程序。我期待得到一个图像作为我的按钮和文本框的背景。但是，下载的文件包含2个图像和一个脚本。它看起来像那些形状控件旨在取代html按钮和文本框。我可以使用图像替换提交输入元素以不使用JavaScript回发表单吗？

如果他们应该取代常规按钮，我怎样才能张贴图像的形式？用JavaScript可行。但是，有没有可能得到相同的东西没有JavaScript？

感谢您的帮助

您正在使用ASP.Net？（标签'回发'让我想起它） – CMS 2010-08-15 00:44:02

@CMS：对不起，我应该说只是后。我正在使用ASP.NET MVC – Richard77 2010-08-15 01:02:06

答

您可以样式按钮：

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的按钮仍将显示，让您保持您的表单可访问。

这样的按钮保持其实用程序，而更美丽。就像化妆的女人一样。

答

可以使用<input type="image"/>做到这一点：

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

我可以使用图像替换提交输入元素以不使用JavaScript回发表单吗？

相关推荐