按钮 button

阅读量: 149 编辑

按钮 button

一、按钮标签

<button> ... </button>
  • 就是网页中的按钮,常常用于显示的告诉用户的操作行为,比如“保存”、“取消”、“登录”等基本上都是按钮标签

  • 按钮标签常用的属性是 onclick 事件:一般结合JavaScript结合使用

二、代码实战

代码的详细解读,可以参考视频教程

文件:08.html

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>按钮button的使用</title>
    </head>
    
    <body>
    
        <button onclick="handClick()">点击我吧</button>
        
        <div id="mydiv"></div>

        <script type="text/javascript">
            function handClick() {
                document.getElementById('mydiv').innerText="点击了按钮"
            }
        </script>
        
    </body>
    
</html>