HTML网页的按钮详解
如何给你的HTML网页添加按钮?
HTML 有多种向网页添加按钮的方法,常用HTML的元素、
元素
元素它有许多属性(attribute),根据type 属性的不同, 元素可以以多种方式显示。其中与按钮相关的有3种:普通按钮(button)、提交按钮(submit)、重置按钮(reset)。
submit: 此按钮将表单数据提交给服务器。需要和form 标签相关属一同使用才有实际效果。
reset: 用于将表单中的所有输入重置为其初始值。
button: 此按钮没有默认行为。定义可点击的按钮,在用户单击按钮时启动一段 JavaScript。在 HTML5 被
【可在https://www.w3schools.cn/tags/tag_input.asphttps://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/Input 网页中,搜索button/submit/reset找到相关介绍的链接】
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】
HTML 元素(或称锚元素)可以通过它的 href 属性创建通向其他网页、文件、同一页面内的位置、电子邮件地址或任何其他 URL 的超链接。
【https://www.w3schools.cn/tags/tag_a.asphttps://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/a 】
【关于 HTML的元素、标签和属性,可见 https://blog.csdn.net/cnds123/article/details/125745562 】
下面给出一些例子。
在HTML中,,一般情况下都是配合JavaScript来进行各种操作的。
下面给出这种方法的示例源码:
function fun(){
var oB = document.getElementById("pid");
oB.innerHTML="这是新文本"
}
这是input type="button"的情况
单击下面按钮,注意本段的文本的变化
保存文件名为:按钮例1.html,用浏览器打开测试效果如下:
和
和 常放在