在 HTML 中,我们有一个按钮用于将用户请求数据提交到服务器(后端)以验证和导航网页。主要是,如果我们使用 onclick 按钮作为事件属性,并且所有浏览器都支持,那么无论我们在脚本中使用此事件函数,浏览器兼容性功能也是如此。当用户单击时,该事件就会出现。标签,会用到,需要在
onclick 按钮的工作原理
主要用于在用户需要点击按钮的地方触发并调用该函数。如果用户通过单击鼠标, Onclick 事件中的元素,它会调用 Javascript 等函数。…onclick 事件属性基本上只包含一个在事件后端运行的脚本的值。
语法:
<button name="" value="" onclick<strong> ="</strong>function()"/>
登录后复制
以上语法是html属性中onclick事件的基本用法。我们还根据用户需求定制了活动。
HTML onclick 按钮示例
下面给出了 html 中 onclick 按钮的示例:
示例#1
代码:
<html>
<body>
<button onclick="Function()">Click</button>
<p id="sample"></p>
<script>
function Function() {
document.getElementById("sample").innerHTML = "Welcome";
}
</script>
</body>
</html>
登录后复制
输出:
在上面的例子中,我们创建了javascript函数;此外,当用户单击“click”按钮时,浏览器本身会显示“Welcome”值。
示例#2
代码:
<html>
<body>
<p id="sample" onclick="Function()">Click</p>
<script>
function Function() {
document.getElementById("sample").innerHTML = "Welcome";
}
</script>
</body>
</html>
登录后复制
输出:
上面的示例也与我们在前面的示例 1 中讨论的相同,但是这里我们没有使用任何
以上是HTML onclick 按钮的详细内容。更多信息请关注PHP中文网其他相关文章!