16.16 使用图像提交表单

可以仅使用图像作为提交表单的输入元素。有时,设计人员创建的按钮超出了CSS3的能力,哪怕使用花哨的渐变、阴影和圆角也无法实现,如图16.16.1和图16.16.2所示。

  1. <input type="image" alt="Create Account" src="blue-submit-button.png" />

图16.16.1 如果使用图像,就不需要再使用提交按钮

16.16 使用图像提交表单 - 图1

图16.16.2 当CSS无法满足需求的时候,可以使用图像提交表单

使用图像提交表单的步骤

  • 创建PNG、GIF或JPEG图像。

  • 输入

  • 输入src="image.url",这里的image.url是图像在服务器上的位置。

  • 输入alt="description",这里的description是图像无法显示时将要出现的内容。

  • 最后,输入/>结束用于提交表单的活动图像的定义。