form中采用图片作为提交按钮

最新推荐文章于 2019-07-29 00:12:52 发布

转载最新推荐文章于 2019-07-29 00:12:52 发布 · 68 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/archermeng/p/7537517.html

本文介绍了一个包含输入框及按钮的HTML表单实例，展示了如何通过图片按钮实现表单提交与重置的功能。

<span style="font-size:14px;"><FORM name="formName" action="xxxx" >
<INPUT name="textfield2">
<INPUT type="image" height=19 width=53 src="xxx.gif" align=absMiddle border=0 name=RedImg onclick="this.form.submit()">
<INPUT type=image height=19 width=53 src="xxx.gif" align=absMiddle border=0 name=RedImg3 onclick="this.form.reset()">
</FORM> </span>

转载于:https://www.cnblogs.com/archermeng/p/7537517.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_30787531

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

用图片作为提交按钮的方式

xl5550的专栏

07-26

4668

有时候为了达到比较好的视觉效果，有人会使用图片代替按钮来提交或者重置表单数据。由于需要，我收集整理了一些用图片作为提交按钮的方式，如下：1. 代替submit按钮的图片代码格式是代替reset按钮的代码图片格式是或 2. 如果需要在提交表单之前验证数据可以考虑在form标签的onsubmit事件加上javascript 验证函数如onsubmit="checkF

用图片来做提交按钮(表单通用)

在远行的路上

08-24

3720

有时候为了达到比较好的视觉效果，有人会使用图片代替按钮来提交或者重置表单数据。 <FORM name=RedForm action=# > 一: <INPUT type=image height=19 width=53 src="xxx.gif" align=absMiddle border=0 name=RedImg onclick="this.form.submit()"> <INPUT t

参与评论您还未登录，请先登录后发表或查看评论

form表单中图片也可以当作提交按钮

A458545418的博客

05-09

577

点击图片按钮时，不光提交其他输入框信息，还把鼠标点击图片上的x,y坐标也传输过去了转载于:https://www.cnblogs.com/1020182600HENG/p/6828632.html

怎么把提交按扭改为用图片来代替

weixin_33971130的博客

01-30

367

应用背景：这段时间在做嵌入式web网站开发的过程中，需要把网页上的数据提交到cgi程序中，但是html不加以美化的提交表单按钮和界面格格不入，于是想到用图片来替换按键，以下是从博客上搜到的解决方法，也经过了本人的验证可行（我用的是第一种方法，比较简单），提交数据的时候还会把点击该图片相对坐标（x，y）的值也相应提交给cgi。原文转自：http://blog.youkuaiyun.com/hblxwaz/...

用图片实现form表单的提交按钮

shilianweiyao的专栏

03-04

960

用图片实现form表单的提交按钮用图片实现表单提交按钮，其实原理很简单：只须将input type属性设置为 image, 并链接对应的图片文件即可。

form表单的多种提交方式

yuyexiaohan的博客

07-29

416

在项目开发中自己总结的form表单的集中提交方式： 1，提交按钮提交表单。例： 2，按钮提交表单，button也可以触发表单的提交。例： 3，图片提交表单，将input的属性设置为image时，点击图片也可触发form表单的提交。例： 4，利用js提交表单，将form表单中进行标记，将表单中的某一...

把图片做成input提交按钮

01-24

### 把图片做成input提交按钮 ...综上所述，将图片作为提交按钮是一种简单而有效的美化表单的方法。通过合理利用HTML、CSS和JavaScript，可以轻松地实现这一功能，同时保持良好的用户体验和交互性。

HTML设置图片按钮

最新发布

04-30

### 一、标准图像提交按钮（表单场景） ```html <form action="/submit"> src="submit-btn.png" alt="提交订单" width="200" height="50" onclick="validateForm()"> </form> ``` **特点**： - 自动触发...

curl模仿表单提交图片

03-01

// 将文件作为 'uploaded_file' 字段的一部分加入到POST变量中 $post_data['uploaded_file'] = $cfile; // 如果有其他字段也需要一起提交，则可以继续添加到这里 //$post_data['other_field_name'] = 'value'; // ...

PHP实现上传图片到数据库并显示输出的方法

10-18

在MySQL数据库中创建一个名为ccs_image的表，该表的结构包括id作为主键，description描述字段，bin_data用于存储图片的二进制数据，filename用于存储图片文件名，filesize用于存储文件大小，filetype用于存储文件...

yii2AdminLTE:基于Yii2的advanced应用程序模板的，采用AdminLTE作为后台管理，整合了RBAC、Gii模板，便于随时开启新项目

05-01

Yii 2 Advanced Project Template with AdminLTE 基于 Yii 2 Advanced Project Template 开发，后台管理界面整合了AdminLTE主题模板。整合Yii2-rbac扩展并...使用 light\yii2-lock-form 包来做提交按钮的自动禁用。

JavaScript onkeydown事件入门实例(键盘某个按键被按下)

01-21

JavaScript onkeydown 事件用户按下一个键盘按键时会触发 onkeydown 事件。与 onkeypress 事件不同的是，onkeydown 事件是响应任意键按下的处理（包括功能键），onkeypress 事件只响应字符键按下后的处理。提示 Internet Explorer/Chrome 浏览器使用 event.keyCode 取回被按下的字符，而 Netscape/Firefox/Opera 等浏览器使用 event.which。 onkeydown 获取用户按下的键下面是一个利用 onkeydown 事件获取用户按下键盘按键信息的例子：代码如下: <html

form表单提交方式