是button按钮实现图片按钮提交

  一般通常我在实现按钮提交事件时,都会使用<input>按钮提交,而当我们在使用图片按钮是使用<input>按钮在写样式或者有时实现enter键盘提交时,有可能会出现不灵的效果,并且也很忙麻烦。然而在使用button按钮来做就要简单了许多。

  具体做法:

  先将图片按钮切图出来,保存好,然后使用button按钮,将其类型设成type="submit"提交按钮形式,并通过写CSS样式来调整它的样式就可以,并将我们切图出来图片按钮作为背景放到button按钮中即可。

  注意:在css样式中一定要将button按钮的宽高设好。

posted @ 2012-08-10 13:50  小周同学  阅读(607)  评论(0编辑  收藏  举报