html普通按钮代码
在HTML中创建普通按钮的代码通常使用<button>元素。
html<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>普通按钮</title>
</head>
<body>
<button type="button">点击我</button>
</body>
</html>
在上面的例子中，<button>元素用于创建按钮，type="button"属性表示这是一个普通按钮。按钮上显示的文本是按钮的标签之间的文本内容，这里是"点击我"。当用户点击按钮时，可以通过JavaScript来处理相应的事件。
你可以将上述代码复制粘贴到一个HTML文件中并在浏览器中打开，以查看普通按钮的效果。
如果你想要添加按钮点击事件，可以使用JavaScript。
html<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>普通按钮</title>
</head>
<body>
<button id="myButton" type="button">点击我</button>
<script>
// 获取按钮元素
var button = document.getElementById('myButton');
// 添加点击事件处理程序
button.addEventListener('click', function() {
alert('按钮被点击了！');
});
</script>
</body>
</html>
在上述代码中，通过在按钮元素上添加id="myButton"属性，我们可以使用JavaScript的getElementById方法获取按钮的引用。然后，通过addEventListener方法添加了一个点击事件的处理程序，当按钮被点击时，弹出一个警告框显示"按钮被点击了！"。
