首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

表单提交中的input、button、submit的区别

再加上它的样式难以定制、不可作为其他标签的容器, 所以建议不要用input作为表单提交按钮。 注意:input的type属性还可以是button,这时它只是一个按钮,不会引发表单提交。...type的默认值是submit,所以点击一个button会引起表单提交: 确定 注意:如果你在做...IE浏览器的兼容,请记住button[type]在IE中的默认值是button,这意味着它只是一个按钮而不会引发表单提交。   ...提交表单时,value会被作为表单数据提交给服务器。 在IE中,甚至会把button开始与结束标签之间的内容作为name对应的值提交给服务器。...> 对于button就不多说了,建议用button作为交互用的按钮,来提交表单。

3.8K100
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    Button按钮为什么无缘无故会提交form表单?

    我的form表单里有好几个Button按钮,每个按钮有不同的功能,可是这些按钮居然都有提交功能,真是把我惊呆了 <button class="btn btn-info " οnclick="do_collection...()" title="非Guest用户可收藏">收藏 这个问题困惑了我好几天一直百思不得其解,然后我就去查了一下button按钮的属性,才发现原来是因为我没有指定Button按钮的type...属性值,type有三个可选属性:Button,submit,reset,而Button按钮的type属性默认值是submit ,所以在没有指定type属性的情况下,点击Button按钮触发提交form表单就合情合理了...,所以要想此按钮不提交,可以指定Button按钮的type属性值为Button <button class="btn btn-info " type="button" οnclick="do_collection...()" title="非Guest用户可收藏">收藏 发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/112392.html原文链接:https:

    71030

    【GIT版本控制】--提交更改

    例如: git commit -m "添加新功能:用户登录" 这会创建一个提交,记录了你的更改并保存了相关的提交消息。 提交成功后,GIT会显示提交的摘要信息和统计信息。这表明提交已成功完成。...现在,你已经成功进行了提交,你的更改已保存到GIT仓库的版本历史中。你可以继续进行更多的提交来跟踪项目的演变。提交是GIT版本控制的核心操作之一,它允许你记录项目的每个版本和更改。...每个提交都包括以下信息: 提交的唯一哈希值(commit hash) 作者的名字和邮箱地址 提交日期和时间 提交消息 默认情况下,提交历史将从最新的提交开始显示,按时间逆序排列。...提交消息是用来简要描述提交目的的。 第三部分讲解了如何查看GIT仓库的提交历史。使用git log命令可以查看提交历史,了解每个提交的详细信息,包括作者、提交日期和提交消息。...这些步骤是GIT版本控制中的基本操作,帮助用户管理和跟踪项目的不同版本和更改。了解这些操作将有助于更好地使用GIT来管理代码和项目。如果需要进一步的帮助或有其他问题,请随时告诉我。

    25030

    firefox中用js提交表单

    document.forms.from.submit(); document.form.sumbit(); document.form.submit.click(); this.form.submit(); 以上几种形式的 js...用.submit () 方法提交表单 3).button 的 name/id 绝对不能命名为”submit” 4).form 中所有的组件(按钮,文本框等)的 name/id 也不能命名为”submit...” # 当提交按钮的 name 或者 id 为 submit 时候,用 js 提交表单,表单名.submit () 时候会报一个错误,提示对象不支持此属性或办法。...那么,请问为什么 当提交按钮的 name 或者 id 为 submit 或者 action 的时候 js 提交表单会报错呢?这难道是 一个 bug? 高手们请指教。。。。...我在项目中发现 与 得出的效果截然不同, 谁能告诉我这两着有合不同 我又如何能用图片来替代原有的提交按钮 是说这是一个按钮,它的是一个提交按钮。当点击它时,它会自动将它所在的表单进行提交.

    7.2K20

    js基础-表单验证和提交

    直观的说,只要用form将需要提交到服务器的标签包围,当提交的时候,就会向服务器发送有name属性的数据。所以,input内容提交必须有name属性。...所以需要js。     js校验:   方法1:       在from属性后面接着添加onsubmit="return false;"属性.表示不提交。true则相反。这里可以用一个方法替换。...在js中,方法参数不用声明类型,调用方法的时候,参数按照顺序匹配。...||表示或者,意思是,如果username==null或者username是空字符串,条件1或者条件2为true则都是true 方法2:js控制提交表单 首先,表单元素代码如下: 1 10 这里关于提交,页面切图通常都会用a标签或者button提交,因为涉及到表单验证。

    12.5K60

    小 Demo 大知识 - 控制 Button 移动来学 Android 坐标

    Demo实现的功能就是,用鼠标点中button的时候,然后拖动Button。这时候Button会根据你鼠标的移动而移动,同时,你鼠标点中的Button的位置也不会改变。...比如你点在Button的左上角,那移动的时候。鼠标还是在Button的左上角 --------------------------第三套广播体操:时代在召唤。...,实际上是这个Button的左上角的坐标为(m,n)。...如上图所示,假如我们点中红色的区域,来准备移动这个Button,并且鼠标移动了绿色区域那个地方,那么这个Button也会移到图上所示那样。这样才是我们所期望的样子。...Button后面才跟随着过来。这时候的getX()及getY()都不同。 既然点击按钮后可以拖动Button,那肯定对Button设置了OnTouch监听。

    14410

    layui踩坑记录之form表单下的button按钮默认自动提交

    首先参考下面这篇文章: layui form表单下的button按钮会自动提交表单的问题以及解决方案_layui form里面其他button按钮_你用点心就行的博客-CSDN博客 他说的已经很清楚了...layui的官网说的也是比较清楚的,通过给按钮button加上“lay-submit”属性来表示它作为一个提交按钮,标准写法如下: 提交按钮 普通按钮...官方文档地址: 表单组件 form - Layui 文档 因此,当我们在使用form的时候,如果没有添加标准的提交按钮,会自动默认把其他的普通按钮认为是提交按钮,因为button的type默认值为“submit...使用时注意: 1.在form中使用button时添加type属性:button、submit、reset; 2.在不需要提交的场景使用form时尽量使用a标签按钮来代替button,比如筛选功能中的查询按钮

    95820
    领券