<input type="image">图片按钮具有提交功能

最新推荐文章于 2024-04-29 17:39:04 发布
最新推荐文章于 2024-04-29 17:39:04 发布
阅读量1.7k 收藏
点赞数 1
原文链接：http://www.cnblogs.com/mawenying/p/5359554.html
版权

直接使用<input type="image">即可，此标签放置在<form>标签内就具有提交功能，如果不在<form>标签内，则可以使用<input type="image" onClick = "formName.submit()">方式提交。

<input type="image">说明：
INPUT type=image 元素 | input type=image 对象
创建一个图像控件，该控件单击后将导致表单立即被提交。

转载于:https://www.cnblogs.com/mawenying/p/5359554.html

bit小兵
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
HTML 5 <input> type 属性
方全的专栏
12-08 3997
http://www.w3school.com.cn/html5/att_input_type.asp 实例 带有不同输入类型的表单： First name: type="text" name="fname" /> Last name: type="text" name="lname" /> type="submit" value="Submit" />
input标签 各属性解释
热门推荐
chao430的博客
03-22 4万+
input标签最全面的type属性   (2016-08-21 23:56:07) 转载▼ 标签：  type   属性   input   分类： HTML标签 由于时间关系，在上一节中只是简单的列举了input标签中的type属性，在本节中就详细地来运用input标签中的type属性。 因为以
input控件（HTML表单中的单选，多选图像的提交以及提交重置按钮）
最新发布
2301_81648904的博客
04-29 426
(为换行标签)
input type=image
xidajiancun
07-20 522
&lt;form action="xx.htm"&gt; &lt;input type = "text" name="" value="aaa"/&gt; &lt;input type="image" src="xxx.jpg" onclick="submitFrm();"&gt; &lt;/form&
<input type="image"> 和 <img> 用法区别
weixin_33896069的博客
01-05 353
w3c定义如下： Image &lt;input type="image" /&gt; 定义图像形式的提交按钮。 必须把 src 属性 和 alt 属性 与 &lt;input type="image"&gt; 结合使用。 &lt;input type="image" src="submit.gif" alt="Submit" /&gt; 一般
type=image和type=submit的区别
phiberg的专栏
08-27 8736
相信大家都是用过type=image来作为表单的图片按钮，表面上 type=image和type=submit都可以相应回车，并且都能提交。不过唯一的区别就是type=image的input提交方式会把按钮点击的位置坐标x,y提交过去。对于通常的表单应用来说，这样多一两个参数并没有问题，因为我们在接收端中都是按照指定的名称来处理参数，所以即使多了两个参数也不会有任何问题。 但是在做支
HTML input type=file文件选择表单元素.docx
11-22
HTML5 之前的 input type=file 元素只能一次上传一张图片，无法满足一次上传多图的交互需求。因此，许多场景下，使用 swfupload.js 来代替原生的 file input 表单元素。 二、HTML5 中的 input type=file 文件选择...
form的OnSubmit和input type=image使用介绍
09-28
`input type=image`是一种特殊的提交按钮，它不仅具有提交表单的功能，还能够提供X和Y坐标信息，这些信息是在用户点击图像时相对于图像左上角的位置。这在某些情况下，如地图应用或图像选择器中很有用。当用户点击`...
快速解决input[type=file]打开时慢、卡顿的问题
12-13
为什么在input标签类型为file上传文件时在标签中设置属性 accpet="image/*"，打开本地文件夹的速度特别慢？ 经过测试发现，在mac里面safari、Firefox、Chrome(opera不知道为啥老闪退)都没有卡顿问题 在windows里面，...
用image来提交form不想使用button提交form
09-28
在网页设计中，有时我们...总之，通过`<input type="image">`和JavaScript，我们可以创建既美观又功能强大的表单提交按钮，同时保持表单数据的有效性和一致性。这种方法特别适合那些重视用户体验和界面设计的Web应用。
HTML5中input[type='date']自定义样式与日历校验功能的实现代码
09-27
以下是一些关于如何自定义`<input type="date">`样式和实现日期校验功能的详细说明。 1. **日历控件自定义样式** HTML5的日期输入控件的样式可以通过Webkit内核浏览器特有的CSS伪元素来调整。以下是一段示例代码...
html input image,input type="image"
weixin_39683734的博客
06-10 1498
类型的元素"image"用于创建图形提交按钮，即提交采取图像而不是文本形式的按钮。值无 - 不应该指定值属性。活动没有。支持的通用属性所有，src，宽度，高度，形式，表单类型，表单方法，formnovalidate，格式IDL属性没有。方法没有。值元素不接受value属性。要显示的图像的路径在src属性中指定。使用图像输入所述元件是一个替换元件(元件，其内容也不会产生或受到CSS层直接管理)，在大...
form表单的提交(type="image" src="")
FutureFlyme的博客
11-14 5701
下午看了一下代码,是一个关于用户注册的例子,但是怎么也找不到提交函数,既没有type=”button”,也没有type=”submit” 第一种<form action="#" method="get" onsubmit="return checkForm();"> <table align="center"> <tr> <td>姓名：</td>
<input type="image">标签引发的form表单自动提交
Tiakon的博客
07-05 5786
<input type="image">标签引发的form表单自动提交问题今天遇到一个问题，在form表单中使用了两个<input type="image">标签，form表单会自动提交： <form id="addNode" action="a.jsp" method="get">     <div id="tButtonArea">         <input id="button1" sr
<input type="image" ...>和<img>的区别
u011365716的博客
06-16 2357
&lt;input type="image" src="" onclick="..."&gt; 1、当该标签在&lt;form&gt;&lt;/form&gt;中时，在浏览器中点击显示的图片后，效果等同于submit，即表单提交，故onclick事件不用submit,否则会发生表单提交两次的现象，经常会造成表单元素被重复提交，数据库被写入异常！！ 2、但用该标签显示的图片，图片名称中可包含中文..
表单赋值_HTML入门2-表单
weixin_33308507的博客
12-23 316
一.HTML文本框与文本域1.<input type="text">即表示文本框，不需要写成<input></input>或,<input/>这样，包含“size”“value”“placeholder(背景文字文本框)”等属性，但框里的内容只能输一行，想要多行输入，需要使用文本域。 初始示例：<input type="text"> &l...
jsp<input type="image" ...>和<img ...>的区别
cz_arel的专栏
09-10 637
当该标签在中时，在浏览器中点击显示的图片后，效果等同于submit，即表单提交，但用该标签显示的图片，图片名称中可包含中文字符。 使用该标签时，以包含中文字符命名的图片不能正常显示。但可在图片上设置点击图片后的效果，如页面跳转或打开页面，window.open("....jsp");也可编写javascript脚本，设置点击后的动作效果。
<tr> <td contenteditable="true"><input type="text" oninput="filterTable(1)" placeholder="aoiStep"></td> <td contenteditable="true"><input type="text" oninput="filterTable(2)" placeholder="defectType"></td> <td contenteditable="true"><input type="text" oninput="filterTable(3)" placeholder="layerCode"></td> <td contenteditable="true"><input type="text" oninput="filterTable(4)" placeholder="type"></td> <td contenteditable="true"><input type="text" oninput="filterTable(5)" placeholder="dpet"></td> <td contenteditable="true"><input type="text" oninput="filterTable(6)" placeholder="subcode"></td> <td contenteditable="true"><input type="text" placeholder="codeDescription"></td> <td contenteditable="true">image1</td> <td contenteditable="true">image2</td> <td contenteditable="true">image3</td> <td contenteditable="true">image4</td> <td contenteditable="true">image5</td> <td contenteditable="true"><input type="text" placeholder="determination_rule"></td> </tr>这个表格怎么生成。表单的action属性指定了一个名为insert.php的PHP文件，用于处理表单提交并将数据插入到数据库中
07-20
要生成这个表格，你可以在HTML文件中添加以下代码： ```html <!DOCTYPE html> <html> <head> <title>Insert Data to Database</title> </head> <body> <h1>Insert Data to Database</h1> <form action="insert.php" method="POST"> <table> <tr> <td><input type="text" name="aoiStep" placeholder="aoiStep"></td> <td><input type="text" name="defectType" placeholder="defectType"></td> <td><input type="text" name="layerCode" placeholder="layerCode"></td> <td><input type="text" name="type" placeholder="type"></td> <td><input type="text" name="dpet" placeholder="dpet"></td> <td><input type="text" name="subcode" placeholder="subcode"></td> <td><input type="text" name="codeDescription" placeholder="codeDescription"></td> <td>image1</td> <td>image2</td> <td>image3</td> <td>image4</td> <td>image5</td> <td><input type="text" name="determination_rule" placeholder="determination_rule"></td> </tr> </table> <input type="submit" value="Submit"> </form> </body> </html> ``` 上述代码将表格嵌套在表单中。每个单元格包含一个`<input>`标签，用来收集用户输入的数据。其中`name`属性指定了每个输入字段的名称，这些名称将在表单提交时用作键值对中的键。 在这个示例中，我为每个输入字段添加了一个`name`属性，以便在表单提交时能够将数据正确地发送到服务器端的`insert.php`文件。 确保将这段代码插入到你的HTML文件中，并将`action`属性设置为指向处理表单提交的PHP文件的路径（例如`insert.php`）。这样，当用户在表单中输入数据并点击提交按钮时，数据将通过POST请求发送到指定的PHP文件进行处理。 希望这个示例能帮助你生成包含表格和表单的HTML文件，并将数据插入到数据库中。如果你有更多具体的问题或需要进一步的帮助，请随时提问。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值