HTML input type image 类型

🌙
手机阅读
本文目录结构
axihe

功能介绍

<input type="image"> 是一个图形提交按钮。

您必须使用src属性来定义图像的来源,并使用alt属性来定义替代文本。的高度和宽度属性用于以像素为单位来定义图像的大小。

属性

此元素包括全局属性。

type

formaction HTML5

处理输入元素提交的信息的程序的URI,此处为image(如果已指定),它将覆盖action元素表单所有者的属性。

formenctype HTML5

如果输入元素是图像,则此属性指定用于将表单提交到服务器的内容类型。可能的值为: * application/x-www-form-urlencoded:如果未指定属性,则为默认值。 * multipart/form-data:如果您使用属性设置为的<input>元素,请使用此值。typefile * text/plain 如果指定了此属性,它将覆盖enctype元素的表单所有者的属性。

formmethod HTML5

在图像输入元素中,此属性指定浏览器用来提交表单的HTTP方法。可能的值为:

  • post:来自表单的数据包含在表单主体中,并发送到服务器。
  • get:来自表单的数据会附加到表单属性URI,并带有“?” 作为分隔符,结果URI被发送到服务器。当表单没有副作用并且仅包含ASCII字符时,请使用此方法。

如果指定,此属性将覆盖method元素的表单所有者的属性。

formnovalidate HTML5

此布尔值属性指定在提交表单时不对其进行验证。如果指定了此属性,它将覆盖novalidate元素的表单所有者的属性。

formtarget HTML5

此属性是名称或关键字,指示提交表单后在何处显示收到的响应。这是浏览上下文(例如,选项卡,窗口或嵌入式框架)的名称或关键字。

如果指定了此属性,它将覆盖target元素的表单所有者的属性。以下关键字具有特殊含义:

  • _ self:将响应加载到与当前响应相同的浏览上下文中。如果未指定属性,则此值为默认值。
  • _blank:将响应加载到新的未命名浏览上下文中。
  • _parent:将响应加载到当前响应的父浏览上下文中。如果没有父母,则此选项的行为与相同_self。
  • _top:将响应加载到顶级浏览上下文(即,当前上下文的祖先且没有父级的浏览上下文)中。如果没有父母,则此选项的行为与相同_self。

height HTML5

此属性定义为按钮显示的图像的高度。

required HTML5

该属性指定用户必须在一个值填充提交表单之前,但它不能用于当类型属性是image类型(submit,reset,或button)。在:optional与:requiredCSS伪类将被应用到现场为适当。

src

此属性为显示在图形提交按钮上的图像的位置指定URI。否则将被忽略。

usemap

HTML 4 only, 已废弃 HTML5

<map>元素名称作为图像映射。

width HTML5

此属性定义为按钮显示的图像的宽度。

例子

Firefox徽标输入图像示例

<input type="image" name="image" src="/files/2917/fxlogo.png" width="50">

参考网站:https://developer.mozilla.org/zh/docs/web/html/element/input/image


AXIHE / 精选资源

浏览全部教程

面试题

学习网站

前端培训
自己甄别

前端书籍

关于朱安邦

我叫 朱安邦,阿西河的站长,在杭州。

以前是一名平面设计师,后来开始接接触前端开发,主要研究前端技术中的JS方向。

业余时间我喜欢分享和交流自己的技术,欢迎大家关注我的 Bilibili 和抖音。

关注我: Github / 知乎

如果你加我的私人微信,麻烦写上您的 称呼,所在地区,职业,方便我备注,谢谢


本站的微信公众号

阿西河前端教程

Anbang

安邦的私人微信

微信号: yaolushan

Anbang

Bilibili(B站)

朱安邦

Anbang