<body>
<span>姓名:</span>
<input type="text" id="name">
</body>
先创建body里的内容:
然后script里获取标签:
var iptName = document.getElementById("name");
表单元素有五个:focus,blur,input,和cahnge元素。
其中
focus元素获得焦点时触发,即在文本框里点击时触发。
iptName.onfocus = function(){
console.log("我是个好人");
}
blur 元素失去焦点时触发,即点击文本框以外的内容时触发。
iptName.onblur = function(){
console.log("我是个坏人");
}
submit() 提交表单,方式分为input和change两种方式。不过这两个是有区别的。
input和change 的区别
change 当input、textarea元素value值改变且失去焦点时,select元素选项改变时触发。
input当input、textarea元素value值发生改变同步触发事件,select元素选项改变时触发。(有兼容问题,IE:onpropertvchange,非IE:oninput)