Question

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

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

感谢您的帮助

Answer 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，以便您可以访问表单。

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

更多资源：http://speckyboy.com/2009/05/27/22-css-button-styling-tutorials-and-techniques/

Answer 2

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

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

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

2 个答案: