本文详细介绍了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
-清除(重置)按钮,一张表单可以有多个普通按钮,且至少有一个提交按钮(需提交表单网页)。