- <input type="image"> 标签是一个图片提交按钮。 你必须使用 src 属性来定义图片的源,并且使用alt来定义当图片无法显示的时候的替代文字。
|
属性 |
说明 |
||||||||||
|
src |
此属性指定要在图形提交按钮上显示的图像位置的URI;否则将被忽略。 |
||||||||||
|
width |
此属性定义为按钮显示的图像的宽度。 |
||||||||||
|
height |
此属性定义为按钮显示的图像的高度。 |
||||||||||
|
formaction |
处理输入元素提交的信息的程序的 URI(此处为图像,如果指定),它将覆盖元素的窗体所有者的 action 属性。 |
||||||||||
|
Formenctype |
如果输入元素是图像,则此属性指定用于将表单提交到服务器的内容类型。可能的值包括:
|
||||||||||
|
formmethod |
在图像输入元素中,此属性指定浏览器用于提交表单的 HTTP 方法。可能的值包括:
|
||||||||||
|
formnovalidate |
此布尔属性指定在提交表单时不对其进行验证。如果指定了此属性,它将覆盖元素的窗体所有者的 novalidate 属性 |
||||||||||
|
formtarget |
此属性是一个名称或关键字,指示在何处显示提交表单后收到的响应。这是浏览上下文(例如,选项卡、窗口或内联框架)的名称或关键字。如果指定了此属性,它将覆盖元素的窗体所有者的 target 属性。以下关键字具有特殊含义
|
||||||||||
|
required |
该属性指定用户必须在提交表单之前填写一个值,但当 type 属性为图像类型(提交、重置或按钮)时不能使用。 :optional 和 :required CSS 伪类将酌情应用于该字段。 |
示例
|
<!DOCTYPE html> <html lang="en">
<head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head>
<body> <form> <input type="image" name="image" src="/files/submit.jpg" width="50"> </form> </body>
</html> |
浏览器运行结果如下:
来自 <https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/Input/image>