1.输入框

1.输入框

1-1 onchange 输入框内容发生改变

1-11 
    <input type="text" id="input">
    <script>
        // 当输入框的内容发生改变的时候,触发
        var input=document.getElementById("input");
        input.onchange=function(){
            console.log("hello world")
        }
    </script>
1-12 submit

1-2 onfoucs onblur（获取焦点 遗失焦点）

    <input id="app" type="text">
    <script>
        // onfocus 获取焦点
        // onblur 遗失焦点
        var app=document.getElementById("app");
        app.onfocus=function(){
            this.style.backgroundColor="green"
        }
        app.onblur=function(){
            this.style.backgroundColor="yellow"
        }
    </script>

1-3 onsubmit

<form id="form" onsubmit="alert(1)">
  <p>
  用户名：<input type="text" name="user">
  </p>
  <p>
    密码：<input type="password" name="pwd">
  </p>
  <input type="submit" id="input">
</form>