<input type="button"/>和<button></button>的区别

最新推荐文章于 2022-05-02 22:41:04 发布
最新推荐文章于 2022-05-02 22:41:04 发布
阅读量795 收藏
点赞数
分类专栏： ---html标签 文章标签： 标签 不同 按钮
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/laomoon2/article/details/78709077
版权

标签本身：

<input type="button"/>不是双边标签，标签中间的内容不能自定义，按钮的提示只能通过value属性提示

<button></button>中间可以自定义，比如在中间加入<img />，可以得到一个图片按钮

<button></button>的功能明显比<input type="button">更多


功能：

<button></button>放到表单中，点击会自动提交表单

<input type="submit"/>点击会自动提交表单，可以用script阻止（重写按钮onclick方法，return false）

Laomoon2
关注
专栏目录
＜button＞ 与 ＜input type=“button“ /＞
liuhao9999的博客
07-26 508
未指定该属性，则单击该按钮将提交其封闭的表单。如果要创建可点击按钮，建议使用该元素。这对于设置按钮样式非常有用。），因此它不能包含内容。充当提交按钮，我们必须将。with的类型更具语义。可以包含HTML。...
解析<button>和<input type="button"> 的区别
zljpp的专栏
06-15 1696
一、定义和用法 &lt;button&gt; 标签定义的是一个按钮。 在 button 元素内部，可以放置文本或图像。这是&lt;button&gt;与使用 input 元素创建的按钮的不同之处。 二者相比较， &lt;button&gt; 控件提供了更为强大的功能和更丰富的内容。&lt;button&gt; 与 &lt;/button&gt; 标签之间的所有内容都是按钮的内容，其中包...
<button ></button>与<input type="button" />的区别
lr_lr_lr的博客
12-22 471
标签 定义和用法 标签定义一个按钮。 1. 在button元素内部，您可以放置内容，比如文本或图像。而/则不能 与标签之间的所有内容都是按钮的内容，其中包括任何可接受的正文内容，比如文本或多媒体内容。例如，我们可以在按钮中包括一个图像和相关的文本，用它们在按钮中创建一个吸引人的标记图像。 唯一禁止使用的元素是图像映射，因为它对鼠标和键盘敏感的动作会干扰表单按钮的行为。
有些标签＜button ＜/button＞由2部分组成，＜input＞只有一部分组成。标题分类:单标签和双标签。 button和input button的区别
安于本命的博客
08-23 482
https://www.cnblogs.com/cjm123/p/7903742.htmlbutton和input button的区别一句话概括主题：<button>具有<input type="button" ... >相同的作用但是在可操控性方面更加强大。HTML 4.01规范的Forms部分指 名表单有以下几种控制类型：buttons, checkboxes, radio buttons,...
使用<button></button>标签
weixin_30853329的博客
07-15 283
使用<button></button>标签一定要记住给它设置type，因为它默认的type=“submit”，会提交表单，设置如下 <button type="button" onclick="chooseAdministrative();">选择</button>， 否则在执行 functionchooseAdministrative 函数...
button和input type=button的区别及注意事项
weixin_30405421的博客
01-10 150
<button>标签定义和用法<button>标签定义一个按钮。在button元素内部，您可以放置内容，比如文本或图像。这是该元素与使用input元素创建的按钮之间的不同之处。<button>控件与<inputtype="button">相比，提供了更为强大的功能和更丰富的内容。<button>与</button>标签...
用th:each循环输出<input type="button"/>可以吗
06-02
可以的，你可以使用 `th:each` 循环来动态生成多个 `<input type="button"/>` 元素。示例代码如下： ``` <div th:each="button : ${buttons}"> <input type="button" th:value="${button.value}" th:text="${...
<form> 中<input type=button>事件能正常运行 <button>标签事件不能运行，为什么
06-09
这是因为 `<input>` 和 `<button>` 标签的默认行为不同。 对于 `<input type="button">` 标签，默认行为是不做任何事情，因此你可以在其上设置一个 JavaScript 事件来执行你的代码。 而对于 `<button>` 标签，默认...
按照 <form> <label for="newColumn">添加栏目：</label> <input type="text" id="newColumn" name="newColumn"> <button type="button" onclick="addColumn()">添加</button> </form> 再帮我接着写一个删除栏目
最新发布
06-13
<li>栏目1 <button type="button" onclick="deleteColumn(event)">删除</button></li> <li>栏目2 <button type="button" onclick="deleteColumn(event)">删除</button></li> <li>栏目3 <button type="button" ...
＜input type = “button“＞和＜button＞＜/button＞的区别
Julienling的博客
05-02 431
<p id="demo">单击按钮创建button元素</p> <button onclick="myFunction()" value="ud">点我</button> <script> let count = 0; function myFunction() { if (count != 0) return; var btn = docum...
button 和 input type="button"
小知的博客
03-03 672
&amp;lt;button&amp;gt; 标签定义一个按钮。 在 button 元素内部，您可以放置内容，比如文本或图像。这是该元素与使用 input 元素创建的按钮之间的不同之处。 &amp;lt;button&amp;gt; 与 &amp;lt;/button&amp;gt; 标签之间的所有内容都是按钮的内容，可以放置内容，比如文本或图像。这是该元素与使用 input 元素创建的按钮之间的不同之处。 一定要为按钮规定 type 属性。I...
问题有些标签＜button＞＜/button＞由2部分组成，＜input＞只有一 部分组成。标题分类:单标签和双标签
clongz的博客
08-23 185
第一种：在一般情况下按钮提交表单 这样提交按钮是标签 ，如果想换成图片加上样式，把value=“提交” 改成value=" "（这样“提交”两个 字就不会显示在这张背景图片的上面）： #button{ background:url(eeo_2.jpg) no-repeat; width:100px; height:50px; border:0px; } 第二种：其他情况下按钮提交表单 当表单没有input标签将表单内容传递给下一个页面时，就可以通过标签 ...
＜button＞与＜input type =“ button” /＞。使用哪个？
weixin_39363245的博客
05-06 213
查看大多数站点（包括SO）时，大多数使用： <input type="button" /> 代替： <button></button> 两者之间的主要区别是什么？ 是否有正当理由使用一个而不是另一个？ 是否有使用它们的有效理由？ <button>看到使用不是很广泛时，使用会带来兼容性问题吗？ 解决方案： 这是描述差异的页面（基本上，您可以将html放入<button></button>） 另一页描述了人们为什么
button与input[type=”button”]的区别
weixin_33991418的博客
01-27 246
button与input[type="button"]的区别 　　特别感谢 @守护晴天 ，指出了博客中不细致不严谨的地方，也让我学到了更多，更多是觉得抱歉，由于自己的不细致可能误导了一些朋友对button的看法，实在是抱歉，之前看过这篇博客的朋友如果有时间的话希望能够再看一遍或者看提供的pdf，pdf文档上有更改记录，下载有修改记录的pdf，下载无修改记录版pdf。   在html中，如今有...
今日问题(2)：有些标签＜button＞＜/button＞有2部分组成，＜input＞只有一部分组成 标题分类：单标签和双标签
qq_46516571的博客
08-23 156
今日问题(2)：有些标签< button> < /button>有2部分组成，只有一部分组成 标题分类：单标签和双标签 定义 单标签：由一个标签组成。例如<hr /> 双标签：由“开始标签”和“结束标签”两部分构成。例如<p></p> <p>是开始标签，表示一个段落的开始。 </p>是结束标签，表示一个段落的结束。 常见单标签 1<hr /> 2<meta /> 3<img /> 常见
HTML5 之 Button 标签
热门推荐
无
07-17 2万+
概述   button 用于显示一个可点击的按钮，可用在表单或文档的其它地方。   button元素是内联双标签，不同浏览器下button样式不同，可以通过CSS修改。 <button>按钮</button> 标签属性 autofocus   指定页面加载时聚焦此按钮，多个按钮指定autofocus，仅仅只会聚焦首个按钮。 <button autofocus>按钮</button> disabled   禁用，用户不能与button交互。 <but.
input type="button" 和button区别
qq_38409944的博客
05-16 9063
来源： https://www.jianshu.com/p/687aabeedae5 在一个页面上画一个按钮，有四种办法：1、 &lt;input type=”button” /&gt; 这就是一个按钮。如果你不写javascript 的话，按下去什么也不会发生。2、 &lt;input type=”submit” /&gt;这样的按钮用户点击之后会自动提交 f...
button和input type="button"的区别
小菜鸡程序媛的挣扎史
07-16 922
<button>具有<input type="button" ... >相同的作用但是在可操控性方面更加强大。 HTML 4.01规范的Forms部分指 名表单有以下几种控制类型：buttons, checkboxes, radio buttons, menus, text input, file select, hidden controls, object cont...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值