HTML中,按钮button与submit区别是什么?

 我来答
码农小明哥
2017-05-20 · 互联网程序员一枚,欢迎交流
码农小明哥
采纳数:9602 获赞数:25062

向TA提问 私信TA
展开全部

html中button只是一个按钮的样式,默认没有提交表单的功能,而submit是表单的提交属性,可以实现将所在表单的数据进行的提交。

工具原料:编辑器、浏览器

一、button按钮

1、使用button设置一个按钮样式

<html>
<body>

<button type="button">Click Me!</button>

</body>
</html>

2、运行的结果如下

二、submit提交

1、使用submit进行表单的提交,代码如下:

<form action="form_action.asp" method="get">
  <p>First name: <input type="text" name="fname" /></p>
  <p>Last name: <input type="text" name="lname" /></p>
  <input type="submit" value="Submit" />
</form>

2、结果是点击提交按钮会将表单的值提交到制定的后台地址。

三亿御姐的梦丶
高能答主

2019-07-09 · 把复杂的事情简单说给你听
知道小有建树答主
回答量:321
采纳率:100%
帮助的人:7.7万
展开全部

区别在于:submit会提交表单,而button不会。

一、按钮的区别:

button-普通按钮,submit-提交按钮。

二、提交的区别:

submit按钮一般出现在网页上需要提交信息到服务器是才使用,而button按钮是创建一个按钮,对于实现按钮将会发生什么事这个不一定,考页面编辑人员决定。

例如在同一天网页表单上,用户输入时可能输入错误或是偏差,则可以在网页上创建一个button-清除(重置)按钮,一张表单可以有多个普通按钮,且至少有一个提交按钮(需提交表单网页)。

扩展资料

Sumit提交表单,Button是否需要绑定事件才可以用提交数据?

不可以的,比如说你想实现局部刷新,就不能用Sumit了,用Button绑定事件就好了,如果用Sumit绑定事件的话,在触发事件的同事,也会提交表单的。

submit需要有表单时,提交时才会带数据。而button默认是不提交任何数据。那么它们的区别就出来了,如果没有表单的话,又想通过提交某些数据给后台进行回应,则需要通过button,当然使用submit也可以,但是前提要拦截onclick事件。

当有表单的时候,如果提交的数据很多,那么使用submit比button要好,可以减少很多数据的获取动作。

在很多情况下,提交数据是要使用js进行校验的,但如果这时候用户禁用了js,那么校验就失效了,如果后台也没有进行校验,那么不合法的数据就进入后台了。

通常的做法是通过button提交数据,那么如果用户禁用JS,那么数据提交动作就激活不了,这样能够保证提交到后台的数据是经过前台校验的。

参考资料来源百度百科-submit

百度百科-button

本回答被网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
LOL手游惹晒
2019-11-24 · TA获得超过7006个赞
知道答主
回答量:85
采纳率:0%
帮助的人:1.2万
展开全部

HTML中<input type="submit" /> 和 <input type="button" /> 区别为元素定义类型、点击触发动作、功能、enter键的支持、写javascript来阻止等不同。

一、元素定义类型的区别:

1、<input type="button" /> 定义为一个可点击的按钮。

2、<input type="submit" /> 定义为一个提交按钮。提交按钮会把表单数据发送到服务器。

二、点击触发动作的区别:

1、<input type="button" /> 如果没有添加onclick事件的监听,点击时没有任何反应。

2、<input type="submit" /> 默认情况下,点击后会执行提交form表单的动作。

三、功能不同:

Submit在表单中使用,它具有类似的默认方法封装。一个常见的点击是提交表单。

按钮是常用的按钮。如果不编写click之类的事件,则此按钮click将没有响应。所有事件都需要手动写入。

四、是否具备enter键的支持:

使用提交后,页面支持键盘输入键的操作。然而,许多web软件设计者可能不注意提交的统一性

使用按钮时,页面通常不支持回车键。所以你需要支持回车键。必须设置提交。默认的回车键在页面上的第一次提交时操作。

五、是否需要写javascript来阻止:

button这就是一个按钮。如果你不写javascript的话,按下去什么也不会发生。

submit这样的按钮用户点击之后会自动提交form,除非你写了javascript阻止它。

本回答被网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
双吉凤凰龙0
2013-10-27 · TA获得超过137个赞
知道答主
回答量:112
采纳率:0%
帮助的人:56.8万
展开全部
submit按钮一般出现在网页上需要提交信息到服务器是才使用, 一张表单可以有多个普通按钮,且至少有一个提交按钮(需提交表单网页)。Sumit提交表单,Button需要绑定事件才可以用提交数据不可以的,比如说你想实现局部刷新,就不能用Sumit了,用Button绑定事件就好了,如果用Sumit绑定事件的话,在触发事件的同事,也会提交表单的。。。。。。submit需要有表单时,提交时才会带数据。而button默认是不提交任何数据。那么它们的区别就出来了,如果没有表单的话,又想通过提交某些数据给后台进行回应,则需要通过button,当然使用submit也可以,但是前提要拦截onclick事件。当有表单的时候,如果提交的数据很多,那么使用submit比button要好,可以减少很多数据的获取动作。在很多情况下,提交数据是要使用JS进行校验的,但如果这时候用户禁用了JS,那么校验就失效了,如果后台也没有进行校验,那么不合法的数据就进入后台了。通常的做法是通过button提交数据,那么如果用户禁用JS ,那么数据提交动作就激活不了, 这样能够保证提交到后台的数据是经过前台校验的。Sumit提交表单,Button需要绑定事件才可以用提交数据不可以的,比如说你想实现局部刷新,就不能用Sumit了,用Button绑定事件就好了,如果用Sumit绑定事件的话,在触发事件的同事,也会提交表单的。。。。。。
本回答被提问者采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
及长锺离清舒
2020-03-27 · TA获得超过3872个赞
知道小有建树答主
回答量:3115
采纳率:29%
帮助的人:206万
展开全部
Sumit提交表单,Button需要绑定事件才可以用提交数据不可以的,比如说你想实现局部刷新,就不能用Sumit了,用Button绑定事件就好了,如果用Sumit绑定事件的话,在触发事件的同事,也会提交表单的。。。。。。
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 更多回答(3)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式