相关文章推荐
玉树临风的楼梯  ·  input type=“submit“ ...·  21 小时前    · 
严肃的跑步鞋  ·  error: '#' is not ...·  1 月前    · 
知识渊博的柚子  ·  查询范围 · ...·  6 月前    · 
本文详细介绍了HTML中input type='submit'和type='button'的区别,包括它们的功能差异,如submit用于表单提交,而button则需手动绑定事件;在Enter键支持方面,submit支持键盘提交,button通常不支持;在JavaScript处理上,submit会自动提交表单,可能需要阻止其默认行为,而button则不会触发默认行为,需手动添加事件处理。 摘要由CSDN通过智能技术生成

input type="submit" 和"button"在功能、是否具备Enter键支持和是否需要写JavaScript来阻止上有所区别:

1、功能不同

submit用在表单内,里面有类似的默认方法封装,普通单击就是提交所在表单。

button是个普通的按钮,如果不写onclick单击等事件,那么这个按钮点击是没有任何反应的,所有事件都需要自己手动写。

2、是否具备enter键的支持

submit使用后,页面支持键盘enter键操作。

button使用后往往页面不支持enter键了。所以需要支持Enter键,必须要设置个submit,默认enter键对页面第一个submit进行操作。

3、是否需要写javascript来阻止

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

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

<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>

别以为这个是由一个text和一个 button 组合成的,它是一个控件,html代码为: 复制代码代码如下: < input type =”file” name=”file” /> 既然这样我们就用一个text和一个 button 来显示这个file的样式,html代码是这样: 复制代码代码如下: <div class=”file-box”> <form action=”” method=”post” enc type =”multipart/form-dat
在写到提交的时候混淆了 submit button ,结果一直没能跳转界面。 1、 submit button ,二者都以按钮的形式展现,看起来都是按钮,所不同的是 type 属性和处发响应的事件上: submit 会提交表单, button 不会提交表单 submit 默认为form提交,可以提交表单(form). button 则响应用户自定义的事件,如果不指定onclick等事件处理函数,它是不做
网站 开发 进阶(四十四) input type =” submit ” 和” button ”的 区别 在一个页面上画一个按钮,有四种办法: 这就是一个按钮。如果你不写 javascript 的话,按下去什么也不会发生。 这样的按钮用户点击之后会自动提交 form,除非你写了 javascript 阻止它。 这个按钮放在 form 中也会点击自动提交,比前两个的优点是按钮的内容不光可以有文字,还可以有图片等多
HTML中 input type =“ submit ” 和 type =" button "主要从元素定义类型、点击触发动作两个方面来 区别 。 一、元素定义类型的 区别 : 1、< input type =" button /> 定义为一个可点击的按钮。 2、< input type =" submit /> 定义为一个提交按钮。提交按钮会把表单数据发送到服务器。 二、点击触发动作的 区别 : 1、< input type =" button /> 如果没有添加onclick事件的监听,点击时没有任何反应。
最近项目中用了很多的表单提交,发现 input button submit 甚至回车键都可以引发表单提交,下面将分别验证他们在使用中的 区别 。 1. input [ type = submit ] 我们直接来看例子: 代码如下: < input name="name"> < input type =" submit " value=...
<meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>css</title> <style> input
button -普通按钮; submit -提交按钮; submit 按钮一般出现在网页上需要提交信息到服务器是才使用, 而 button 按钮是创建一个按钮,对于实现按钮将会发生什么事这个不一定,考页面编辑人员决定,例如在同一天网页表单上,用户输入时可能输入错误或是偏差,则可以在网页上创建一个 button -清除(重置)按钮,一张表单可以有多个普通按钮,且至少有一个提交按钮(需提交表单网页)。