input type="submit" 和"button"有什么区别

作者&投稿:狂凭 (若有异议请与网页底部的电邮联系)
input type="submit" 和"button"有什么区别~

button就是一个按钮,需要配合onclick一起使用。
submit是一个提交form的动作,需要结合form使用。

button是按钮,submit是提交,
点击submit会跳转action这里面的地址
点击button不写js没有任何操作

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

1、功能不同

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

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

2、是否具备enter键的支持

submit使用后,页面支持键盘enter键操作,而很多WEB软件设计师,可能没有注意到submit统一.

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

3、是否需要写javascript来阻止

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

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

参考资料:百度百科 submit

百度百科 button



HTML中<input type="submit" /> 和 <input type="button" /> 主要从元素定义类型、点击触发动作两个方面来区别。

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

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

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

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

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

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

代码示例为:

<input type="button" onclick="alert('button')" value="button" />

<form name="testform" action="#"

onsubmit="alert('Hello')">

<input type="text" name="username" />

<input type="submit" value="Submit" />

</form>

扩展资料:

1、<input type="submit">添加提交的快捷键:

给input标签设置accesskey全局属性, 让用户使用按键或组合按键来触发按钮。 

代码示例为:

<form>

<div>

<label for="example">Let's submit some text</label>

<input id="example" type="text" name="text">

</div>

<div>

<input type="submit" value="Send"

accesskey="s">

</div>

</form>

2、禁用<input type="submit">的提交:

可以通过简单地设置input的全局属性disabled为true来禁用提交动作。

代码示例为:

<input type="submit" value="Disabled" disabled>



区别在于: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



在一个页面上画一个按钮,有四种办法:

<input type="button" /> 这就是一个按钮。如果你不写javascript 的话,按下去什么也不会发生。

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

<button> 这个按钮放在 form 中也会点击自动提交,比前两个的优点是按钮的内容不光可以有文字,还可以有图片等多媒体内容。(当然,前两个用图片背景也可以做到)。它的缺点是不同的浏览器得到的 value 值不同;可能还有其他的浏览器兼容问题(葛亮)。
其他标签,例如 a, img, span, div,然后用图片把它伪装成一个按钮。

  定义和用法
  <button> 标签定义一个按钮。
  在 button 元素内部,您可以放置内容,比如文本或图像。这是该元素与使用 input 元素创建的按钮之间的不同之处。
  <button> 控件 与 <input type="button"> 相比,提供了更为强大的功能和更丰富的内容。<button> 与 </button> 标签之间的所有内容都是按钮的内容,其中包括任何可接受的正文内容,比如文本或多媒体内容。例如,我们可以在按钮中包括一个图像和相关的文本,用它们在按钮中创建一个吸引人的标记图像。
  唯一禁止使用的元素是图像映射,因为它对鼠标和键盘敏感的动作会干扰表单按钮的行为。
  请始终为按钮规定 type 属性。Internet Explorer 的默认类型是 "button",而其他浏览器中(包括 W3C 规范)的默认值是 "submit"。
  浏览器支持
  所有主流浏览器都支持 <button> 标签。
  重要事项:如果在 HTML 表单中使用 button 元素,不同的浏览器会提交不同的值。Internet Explorer 将提交 <button> 与 <button/> 之间的文本,而其他浏览器将提交 value 属性的内容。请在 HTML 表单中使用 input 元素来创建按钮。


岐山县17283278439: HTML的input中type属性的属性值包括哪些 -
尤亮妇洁: <input type="submit" value="提交" hidefocus="true" /> 2.只读文本框内容,在input里添加属性值 readonly <input type="text" readonly /> 3.防止退后清空的TEXT文档(可把style内容做做为类引用) <input type="text" style="behavior:...

岐山县17283278439: <Input Type=>标记的 - ----------属性用于为输入区域命名,-----------属性用来指定输入区域的默认值
尤亮妇洁: <Input Type=>标记的____name_______属性用于为输入区域命名,______value_____属性用来指定输入区域的默认值

岐山县17283278439: input type="hidden" name="tj" -
尤亮妇洁: Input表示Form表单中的一种输入对象,其又随Type类型的不同而分文本输入框,密码输入框,单选/复选框,提交/重置按钮等,下面一一介绍. 1,type=text 输入类型是text,这是我们见的最多也是使用最多的,比如登陆输入用户名,注册输入电...

岐山县17283278439: 网页制作html中input type="pass word"其中"pass word"是什么意思 -
尤亮妇洁: pass word = 密码

岐山县17283278439: input type 有哪些. 分别是什么意思
尤亮妇洁: 常用限制input的方法 1.取消按钮按下时的虚线框,在input里添加属性值 hideFocus 或者 HideFocus=true <input type="submit" value="提交" hidefocus="true" /> 2.只读文本框内容,在input里添加属性值 readonly <input type="text" ...

岐山县17283278439: onkeyup,onkeydown和onkeypress的区别介绍 -
尤亮妇洁: 三者在事件的响应上还有一点不同,就是onkeydown 、onkeypress事件响应的时候输入的字符并没有被系统接受,而响应onkeyup的时候,输入流已经被系统接受 msdn上有三者的区别: 名称 说明 onkeypress 这个事件在用户按下并放开任何字...

岐山县17283278439: 循环输出的<input type="hidden" value="<%name%>">在javascript得到这个相应
尤亮妇洁: 需要知动态设定dom的id<br><br>(jsp)while(count&lt;=20){ count++;&lt;input type=&quot;hidden&quot; id=&quot;userId&quot;+count value=&lt;%=name%&gt;&gt;}<br>之后根据道点击的索引查找对专应属的ID<br> var index = 15;<br>(js)var userId = document.getElementById(&quot;userId&quot;+index).value;<br> alert(userId);

岐山县17283278439: 如何获取Jquery隐藏div里面的input值??
尤亮妇洁: 根据input的class或者ID值定位元素,获得input的value值. 假设input的class为name: var name = $('.name').val(); console.log(name); 或者是: var name = $('.name').attr('value'); console.log(name);扩展资料: jQuery显示隐藏div的方法: 1、...

岐山县17283278439: div+css怎么隐藏关键字
尤亮妇洁: 1 2 3 4 5 6 方式5261一: <divstyle="text-indent:-9999px;">隐藏关键4102字</div> 方式二: <divstyle=" height:30px; line-height:9999px; overflow:hidden;">隐藏关键字</div> 方式三1653: <divstyle=" display:none">隐藏关键字(这种方法就内会整个容DIV 都隐藏)</div>

岐山县17283278439: button和input type=button的区别及注意事项 -
尤亮妇洁: <button>标签 <br>定义和用法 <br><button>标签定义一个按钮. <br>在button元素内部,您可以放置内容,比如文本或图像.这是该元素与使用input元素创建的按钮之间的不同之处. <br><button>控件与<inputtype="button">相比,提供了更...

本站内容来自于网友发表,不代表本站立场,仅表示其个人看法,不对其真实性、正确性、有效性作任何的担保
相关事宜请发邮件给我们
© 星空见康网