HTML网页的按钮详解

HTML网页的按钮详解

如何给你的HTML网页添加按钮？

HTML 有多种向网页添加按钮的方法，常用HTML的<input>元素、<button>元素创建按钮，还可以使用<a>元素。

<input>元素

<input>元素它有许多属性（attribute），根据type 属性的不同， <input> 元素可以以多种方式显示。其中与按钮相关的有3种：普通按钮（button）、提交按钮（submit）、重置按钮（reset）。

submit: 此按钮将表单数据提交给服务器。需要和form 标签相关属一同使用才有实际效果。

reset: 用于将表单中的所有输入重置为其初始值。

button: 此按钮没有默认行为。定义可点击的按钮，在用户单击按钮时启动一段 JavaScript。在 HTML5 被 <button>元素取代。

【可在
https://www.w3schools.cn/tags/tag_input.asp
https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/Input
网页中，搜索button/submit/reset找到相关介绍的链接】

<button> 元素

<button> 元素比 <input> 元素更容易使用样式。你可以在元素内添加 HTML 内容（像 <em>、<strong> 甚至 <img>），以及 ::after 和 ::before 伪元素来实现复杂的效果，而 <input> 只支持文本内容。

<button> 元素定义的是一个按钮。它有许多属性（attribute），其中type属性确定button 的类型。可选值：

submit：此按钮将表单数据提交给服务器。需要和form 标签相关属一同使用才有实际效果。

reset: 用于将表单中的所有输入重置为其初始值。慎用。

button：此按钮没有默认行为。它可以有与元素事件相关的客户端脚本，当事件出现时可触发。

menu：已废弃（obsolete）。

【https://www.w3schools.cn/tags/tag_button.asp 
https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/button】

<a> 元素

HTML <a> 元素（或称锚元素）可以通过它的 href 属性创建通向其他网页、文件、同一页面内的位置、电子邮件地址或任何其他 URL 的超链接。

【https://www.w3schools.cn/tags/tag_a.asp
https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/a 】

【关于 HTML的元素、标签和属性，可见