form表单中的input type="submit"

最新推荐文章于 2020-08-08 22:23:57 发布
最新推荐文章于 2020-08-08 22:23:57 发布
阅读量1.1w 收藏 4
点赞数 3
分类专栏： JSP和JavaScript 文章标签： input javascript jsp action struts url
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/xiaoair/article/details/6020195
版权

     最近在做jsp和JavaScript方面的东西，由于不是很了解这方面的东西所以很简单的东西我也搞了半天，在这里做个记录，加强记忆。^_^

 

     以前在学struts框架的时候就觉得jsp是用来收集数据和显示处理结果的，所以在jsp里的form表单最后一定会有<input type="submit" value="提交数据">然后在action=""指定交给谁处理，所以在将这些数据交给JavaScript处理的时候犯了糊涂，点击按钮之后应该和单击事件有关，而且"submit"类型也有onclick事件，论坛上的大侠却是建议我用onsubmit方法；所以糊涂了好一阵子。

 

 

     不过在突然之间鼠标点到了一个老网站，困惑就迎刃而解了。^_^

 

     贴上较为完整的演示代码(JavaScript部分)：

下面的代码是body部分：

     粗略的解释一下：onsubmit和其他的事件不同，onsubmit是属于整个form的，所以onsubmit方法配合type="submit"使用就会在页面提交表单时交给onsubmit所指定的方法处理数据，^_^，总算明白了。

xiaoair
关注
  • 3
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
type="submit"表单提交理解
aiquan6271的博客
07-07 1万+
1、默认为form提交表单 . button则响应用户自定义的事件,如果不指定onclick等事件处理函数，它是不做任何事情.当然，button也可以完成表单提交的工作. 2、method="get"，表单在提交时，填写在表单中的数据会和action="url"中的url编码在一起。 method="post"，表单在提交时，填写在表单中的数据将在底层发送到action="url"中的...
form表单提交“input type=submit”
qdfgvbm_1的博客
11-10 346
form表单提交 使用一直提交没反应，试了很多次，查了很多资料，都没有用，最后发现居然是因为设置了disabled属性，导致了提交没有反应，记下来以便以后查看。
jsp中按钮的submit 和 button类型
huoqubing的专栏
01-07 2万+
 在JSP中按钮的类型有submit ,button,reset三种。button为普通按钮，可以有其响应事件。reset从字面就可以看出是重置的意思，点击后把表单的内容清空。submit  提交按钮，可以用表单的action="*****,jsp"项 使之跳转到另外的一个页面。当一个表单有多个submit按钮,且需要跳转到不同的页面时，将action清空   然后通过script脚本
type=submit表单提交
weixin_49884163的博客
08-08 2558
type=submit 是发送表单 (1)Submit将表单提交(form.submit())作为其onclick后的默认事件，Button并非如此 (2)表单提交时，所有具有name属性的html输入元素(包括input标签、button标签、select标签等)都将作为键值对提交，除了Submit对象。 Submit对象只有在自己被单击后的提交中才会作为键值对被提交。 οnclick="form1.action='a.jsp';form1.submit();" 这样就实现了submit的功能了。
<FORM action=reg.asp?action=apply method=post> <INPUT type=submit value="请认真查看<服务条款和声明>(10
ft2166826的专栏
03-18 1080
"请认真查看(10 秒后继续)" >         var secs = 10;     document.agree.agreeb.disabled=true;     for(i=1;i       window.setTimeout("update(" + i + ")", i * 1000);     }   function update(num) {     if(num == se
JS中type="button"和type="submit"的区别
10-19
这意味着，当用户点击`type="button"`按钮时，表单数据不会被发送到服务器，除非你在JavaScript中手动调用了`form.submit()`方法。 相反，`type="submit"`的按钮是专门设计用于提交表单的。当用户点击这个类型的...
JS表单提交验证、input（type=number） 去三角 刷新验证码
10-19
本篇文章将探讨如何使用JavaScript进行表单提交验证，特别是针对`<input type="number">`字段以及如何去掉数字输入框的上下箭头，并介绍如何实现验证码的刷新功能。 首先，当需要对表单进行验证时，可以监听表单的`...
如何防止INPUT按回车自动提交表单FORM
11-29
在网页设计中，表单（`<form>`）是用户与服务器进行交互的重要元素，而输入框（`<input>`）则是用户输入数据的主要界面组件。然而，浏览器默认的行为是，当用户在单个输入框中按下回车键时，会触发表单的提交事件。...
Form表单上传文件（type="file"）的使用
08-29
Form表单上传文件（type="file"）的使用需要在HTML页面中添加一个type="file"的input控件，例如： ``` <form action="${path}/FileSer" method="post" enctype="multipart/form-data"> 上传文件 <input type...
button和input type=button的区别及注意事项
09-28
另一个常见误区是将`<button>`误置于`<form>`标签内，这可能导致按钮变为提交按钮，等同于`<input type="submit">`。为了避免这种情况，务必清楚地定义按钮类型，并谨慎处理`<button>`在表单中的位置。 总的来说，`...
jsp 表单（form）传递数据
QZC295919009的专栏
01-23 4274
3种方法： 方法1：（form内1） --------type=submit，点击后就会自动触发去提交所在form的信息 方法2：（form内2） -----------type=button,点击onclick事件，触发“”内的方法，除了自带的submit外，也可以在JavaScript写方法去调用 方法3：（form外） 其中最后一种比较灵活，比如说出发事
<input type="submit" name="Submit" value="提交" />添加网站跳转的两种方式小结
budaoweng0609的博客
01-30 1万+
两种方法：一种是 本身在一个form表单里面，添加action就可以，比如,像这样子，另外一种很少使用在submit属性的按钮上，不过不是不行，你可以添加一个onclick，比如window.location.href='index.html'” value="提交" /> 此种方法要注意意看清引号的问题别搞错了 例如： name: passwor
button 和input 的区别及在表单form中的用法
weixin_30950237的博客
03-17 265
先说一下button 和input的定义： <button>标签定义的是一个按钮 1、在 <button> 元素内部，您可以放置任何内容，比如文本或图像。这是该元素与使用 <input> 元素创建的按钮之间的不同之处； 2、 <button>控件提供了更为强大的功能和更丰富的内容； 3、<button>...
form标签以及type=submit的使用
gyueh的博客
12-12 3460
form是早些年传统html的表单自动提交组件，但是目前都是Ajax提交的。 form的用处：把里边的input 在点击input type=submit 时提交到form指定的地址；但是它会直接跳转到该地址 使我们没有办法在js里监听提交是否成功，因此不推荐使用。 小程序里面并无form标签，但是写了也不会报错，只是普通的元素 ...
html中form表单提交中文乱码问题基本解决办法
热门推荐
fuck487的博客
03-23 2万+
办法很简单，只需在form表单中加入下面的话：&lt;html&gt; &lt;head&gt; &lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8" /&gt; &lt;/head&gt; &lt;form action="http://h5.dev.ejoyst.com/file/
form表单的各种input的submit传值
hacker_Lees的博客
03-13 2万+
1.       在服务器端获取参数的时候，HttpServletRequest.getParameter(String name)方法的返回结果根据如下情况区分： 1.1   请求消息中不包含这个参数，返回null。 1.2   请求消息中包含这个参数，但是没有值。例如param1=&param2=123中的param1。这种情况下返回空字符串””。 1.3   请求消息中包含多个命名相同
input type=submit
yuedanxu的博客
08-24 1854
<h1>Yuedan Xu</h> <p>Hello,I'm Yuedan Xu !</p> <input type="name" placeholder = "Your Name"> <input type="submit"><!DOCTYPE html><head> <title>Yuedan Xu</title> ***<style>*** **body{*
input=type相当于submit
xiang520jl的专栏
06-28 524
领导让我们做一个图片上传功能，一次偶然双击了下图片却把整个form的数据提交了。我就郁闷了，我并没有做image的双击事件啊。上网一查才发现原来input=“type”其实就是相当于submit的功能。
input type="submit"
最新发布
04-30
这是一个 HTML 表单元素中的提交...在上面的示例中，当用户点击 "登录" 按钮时，表单中的数据将被提交到 "/submit-form" 地址，使用 POST 方法提交。服务器可以在收到该请求后，对表单数据进行处理并返回相应的响应。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值