HTML button 和 input type=“button”的区别 / input type=submit 和button的区别
HTML <button> 和 input type=“button”的区别:
1. <button>标签里可以放文本图片等内容,与<input>创建的按钮不同。
2. <input>中的button通常与javascript一起使用启动脚本。如:<input type="button" value="点我" οnclick="msg()"> 。
3. 如果在 HTML 表单中使用 <button> 元素,不同的浏览器可能会提交不同的按钮值。通常用<input>在 HTML 表单中创建按钮。
input type="submit" 和"button"的区别:
1. button只是一个按钮,不写javascript什么也不会发生。
2. submit点击后会自动提交form,除非写javascript来阻止。
总结:
在一个页面上画一个按钮,有四种办法:
- <input type="button" /> 这就是一个按钮。如果你不写javascript 的话,按下去什么也不会发生。
- <input type="submit" /> 这样的按钮用户点击之后会自动提交 form,除非你写了javascript 阻止它。
- <button> 这个按钮放在 form 中也会点击自动提交,比前两个的优点是按钮的内容不光可以有文字,还可以有图片等多媒体内容。(当然,前两个用图片背景也可以做到)。它的缺点是不同的浏览器得到的 value 值不同;可能还有其他的浏览器兼容问题。
- 其他标签,例如 a, img, span, div,然后用图片把它伪装成一个按钮。
onclick和onsubmit的区别
<input type="button" value="点我" οnclick="msg()">
<form name="testform" action="jsref_onsubmit.asp"
onsubmit="alert('Hello ' + testform.fname.value +'!')"
>What is your name?<br />
<input type="text" name="fname" />
<input type="submit" value="Submit" /></form>
HTML button 和 input type=“button”的区别 / input type=submit 和button的区别相关推荐
- input type=“submit“ 和“button“有什么区别
input type="submit" 和"button"在功能.是否具备Enter键支持和是否需要写JavaScript来阻止上有所区别: 1.功能不同 su ...
- Html 中表单提交的一些知识总结——防止表单自动提交,以及submit和button提交表单的区别...
转自:http://jackaudrey.blog.163.com/blog/static/1314217882010590041833/ 在页面中有多个input type="text&q ...
- html中submit和button的区别(总结)
文章目录 submit和button submit介绍 submit和button的区别 submit和button submit介绍 submit是button的一个特例,也是button的一种 ...
- submit和button的区别
声明: 更多免费教学文章请关注这里 转发:https://blog.csdn.net/aiming66/article/details/79046432 button-普通按钮,submit-提交按钮 ...
- submit按钮html,html的两种提交按钮submit和button
转自:http://baiying.blog.51cto.com/1068039/1319784 html按钮有两种: 和登录 这两种在页面上看起来好像一样没什么区别,但是这两种是有区别的. 1,如果 ...
- HTML5 中的 input 元素的输入类型(type 属性的取值)
目录 输入类型:text 输入类型:image 输入类型:reset 输入类型:password 输入类型:submit 输入类型:radio 输入类型:checkbox 输入类型:button 输入 ...
- input元素的oninput事件和onchange事件的使用和区别
1.input元素上绑定事件的三种方式: 第一种:直接在元素标签上添加oninput属性,属性值为处理事件函数的调用 html代码: <input type="text" i ...
- TypeError: Input 'b' of 'MatMul' Op has type float32 that does not match type int32 of argument 'a'.
执行如下语句报错 TypeError: Input 'b' of 'MatMul' Op has type float32 that does not match type int32 of argu ...
- Input type (torch.FloatTensor) and weight type (torch.cuda.FloatTensor) should be the same(解决)
问题描述 在使用pytorch训练经典的MNIST数据集时,运行时,出现了以下的问题: Input type (torch.FloatTensor) and weight type (torch.cu ...
最新文章
- 厉害了!他是Facebook 开国元老,30 分钟解决 Instagram 服务器挂机
- 远程安装oracle 10.2.1 for redhat 5.0 2.6.18-53.el5xen【转】
- python基础高频_面试题(一)
- 图像“颜色选择”怎么用?
- sess.run的第一个参数的错误理解
- 操作系统概述 记录操作系统相关知识
- linux perl 单例模式,Perl脚本学习经验(三)--Perl中ftp的使用
- 跟我一起学Angular2(1)-了解ng模块化
- 保送清华成博士,华为 12 年搞通信,他为何如此看待 5G ?| 人物志
- linux远程桌面速度,【图片】linux下哪种远程桌面服务最快?_linux吧_百度贴吧
- 前端页面实现在线预览文档Word、Excel、PPT、PDF
- 什么是index.html? 如何创建和使用index.html?
- Python字符串日常练习(基础向)
- Docker Study Notes_Design in 2023
- 计算机网络课程设计:电子政务
- 录音棚的基本搭建//2021-1-31
- 个人项目 小跟班——蓝牙小车控制(UI篇)
- html + js 实现电子时间
- 电脑“C盘”快满了,怎么清理,如何提升电脑运行速度?
- Office2016打开PPT出现加载项报错。
热门文章
- 深度学习笔记之使用Faster-Rcnn进行目标检测 (原理篇)
- 转 Python爬虫入门一之综述
- java发送内嵌图片邮件
- 轻松Ghost XP系统!
- 比较常用的25条Excel技巧
- mvnrepository总是出现烦人的one more step验证
- FIR和IIR的区别+差分方程的单位冲激响应(matlab图解)
- py4j.protocol.Py4JJavaError: An error occurred while calling o90.save
- django设置paypal支付如何获取signature
- url(r'^index/$',views.index)的含义解释