在表单中button与input的区别
https://www.php.cn/js-tutorial-389090.html
<button> 标签定义的是一个按钮
1、在 <button> 元素内部,您可以放置任何内容,比如文本或图像。这是该元素与使用 <input> 元素创建的按钮之间的不同之处;
2、 <button> 控件提供了更为强大的功能和更丰富的内容;
3、<button> 与 </button> 标签之间的所有内容都是按钮的内容,其中包括任何可接受的正文内容,比如文本或多媒体内容。
<input> 标签规定了用户可以在其中输入数据的输入字段
<input> 元素在 <form> 元素中使用,用来声明允许用户输入数据的 input 控件;input具体类型取决于type属性
接下来具体说明 四种按钮: <input type="submit"/>、<input type="button"/>、<button type="submit"></button>、<button type="button"></button>
-
<button type="submit"></button> 和 <input type="submit"/>用法相同,用作表单数据提交按钮,默认即会刷新页面;
-
<button type="button"></button> 和 <input type="button"/>的用法是一样的,均为普通按钮,默认情况不会刷新页面。
- 使用button标签不能忘记添加type属性,因为不同浏览器的button默认type值不一样,type值不一样代表button标签的功能不一样
两个控件都有runat属性,可以后台控制按钮隐藏
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 分享4款.NET开源、免费、实用的商城系统
· 全程不用写代码,我用AI程序员写了一个飞机大战
· Obsidian + DeepSeek:免费 AI 助力你的知识管理,让你的笔记飞起来!
· MongoDB 8.0这个新功能碉堡了,比商业数据库还牛
· 白话解读 Dapr 1.15:你的「微服务管家」又秀新绝活了