图片按钮的form表单提交

最新推荐文章于 2019-07-23 10:03:39 发布
最新推荐文章于 2019-07-23 10:03:39 发布
阅读量128 收藏
点赞数
分类专栏： JAVA 文章标签： 图片按钮 form表单 
<img src="new/sign_button.png" width="102" height="30" 
         οnclick="form1.submit()" />

 

iteye_137
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
dedecms教程：DEDECMS实现表单(模型)分步提交
01-28 469
一般的企业会遇到各类用户调查，我此前也用DEDE的自定义表单和模型，完成了一些诸如报名等系统的开发。 现在遇到一个用户需求，即，要求将一个表单(或者模型，以下统称表单)分成多步提交实现，以解决部分问卷内容过多，以减轻用户因内容繁杂产生的压力。 此功能，我想通过DEDE的自定义表单或者模型实现，再配合DEDE的管理权限分组，实现多用户分级控制用户问卷内容，如果可能，再增加图表输出的功能。
利用图片按钮提交表单
10-27 4184
0．＜input   type="image"   src="images/00.jpg"   NAME="foo"＞           src=   源图片   1、用图片代替提交按钮submit和重置按钮reset，给图片加onclick事件 function fsubmit(obj){  obj.submit();}function freset(o
button和img制作提交表单
wwppp987的博客
07-23 373
<input type="submit" style="background:url(images/jj.png);no-repeat; width:100%; height:100%; border:none;""/> <input type="submit" style="background:url(images/jj.png);no-repeat; width:10...
用一个img去操作一个表单提交
web开发自学
11-30 249
function serach(){ var obj=document.getElementById("id1"); obj.action="www.baidu.com"; obj.target="_blank"; obj.submit(); } &lt;form id="id1" action="#" method="get"&gt; 个股智能点评：
form表单提交数据 同时提交图片 jsp+contrller
chenzhenguo
09-13 9756
jsp 页面 文章标题： 是否仅限本校学生查看： 是 否 类型：
ajax异步请求提交上传图片表单并预览图片
热门推荐
双耳朵
10-23 3万+
一、表单上传文件必须加上enctype="multipart/form-data"，（以下是上传文件的表单） UploadImage" method="post" id="uploadForm" enctype="multipart/form-data"> tab/images/bg.gif" bgcolor="#FFFFFF">上传照片
图片按钮提交表单
weixin_33971205的博客
12-27 321
有时候为了达到比较好的视觉效果，有人会使用图片代替按钮来提交或者重置表单数据。 <FORM name=RedForm action=# > 一: <INPUT name=textfield2> <INPUT type=image height=19 width=53 src="xxx.gif" align=absMiddle border=0 name=R...
jsp中将图片当作按钮提交表单
记忆_2012_有你 的专栏
06-30 5550
ajax提交包含图片的form表单
xbackzy的博客
06-13 6192
提交图片须加contentType、processDate属性&lt;script type="text/javascript"&gt; function saveFrom(){ var data = new FormData(document.getElementById("formid")); $.ajax({ ...
form中采用图片作为提交按钮
敲键盘的猫
01-15 1797
ajax 提交带图片的表单 与 java后台接收
李虹柏的博客
04-28 2159
html form写法 <form id="demo-form"> <div> <label>登录账号：</label> <div> <input id="loginName" type="text"> ...
form表单同时提交带文本和图片的数据
Aquilian的专栏
07-09 1万+
方法一：使用ajax异步提交 此种方法的好处是可以回调响应结果。 html代码： <form action="${basePath}/save" method="post" name="form" id="form"> <table> <tr> <td>名称：</td> ...
带图片上传的表单提交到后台接收过程
qq_39381892的博客
04-08 5196
在一些表单里我们可能会有图片和文字需要提交到后台 ，让 我们看一下如何实现的吧！ 环境 需要导入io流的几个jar包 包的地址(https://pan.baidu.com/s/1DPU1PlXQfKYx7IdJ3JBSbA) 提取码: wit8 源码 后台servlet的源码 //创建一个下载的方法，需要时调用 private void upload(HttpServletRequ...
表单提交按钮图片形式的几种写法
weixin_30786657的博客
03-24 560
表单 <form name="form1" action="arrive.php"> 1.单独图片代替按钮 <input type="image" name="submit" value="提交"> 2.鼠标经过时图片的两种变换状态（貌似不好用） <image src="images/a.gif" onmouseover="this.src='image...
form表单提交数据（包括文字和图片）实例
Charles_Tian的博客
08-30 1万+
一般来说，form表单提交数据的方式，也就是请求数据到服务器是与传统利用路径api去get或post一个请求到服务器是不一样的，下面就来探讨下关于form表单提交数据至服务器到底是怎么实现的。 话不多说，上代码： HTML部分： &lt;form id="uploadForm" method="post" action="" enctype="multipart/form...
后端性能优化：高并发处理.zip
最新发布
08-18
后端技术系列教程，包括： API开发全套教程 后端安全全套教程 后端微服务架构全套教程 后端性能优化全套教程 后端框架全套教程 后端缓存技术全套教程 后端编程语言全套教程 数据库技术全套教程
layui form表单点击按钮提交数据
07-14
在layui中，可以使用form模块来处理表单的提交操作。以下是一个示例代码，演示如何在点击按钮时提交表单数据： HTML代码： ```html <form class="layui-form" action=""> <div class="layui-form-item"> <label class="layui-form-label">用户名</label> <div class="layui-input-block"> <input type="text" name="username" lay-verify="required" placeholder="请输入用户名" autocomplete="off" class="layui-input"> </div> </div> <div class="layui-form-item"> <label class="layui-form-label">密码</label> <div class="layui-input-block"> <input type="password" name="password" lay-verify="required" placeholder="请输入密码" autocomplete="off" class="layui-input"> </div> </div> <div class="layui-form-item"> <div class="layui-input-block"> <button class="layui-btn" lay-submit lay-filter="submitForm">提交</button> </div> </div> </form> ``` JavaScript代码： ```javascript // 引入layui模块 layui.use(['form'], function() { var form = layui.form; // 监听表单提交事件 form.on('submit(submitForm)', function(data) { // 获取表单数据 var username = data.field.username; var password = data.field.password; // 打印获取的表单数据 console.log('用户名：', username); console.log('密码：', password); // TODO: 在这里可以进行表单提交等操作 return false; // 阻止表单默认提交 }); }); ``` 在上述示例中，我们使用layui的form模块监听了表单的提交事件，并通过`data.field`获取到了表单中输入的数据。你可以根据自己的需求，在监听事件中进行表单数据的处理、验证、提交等操作。最后，使用`return false`阻止表单的默认提交行为。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值