1. 获取表单控件
可以通过标点元素的name属性值或者id获取,也就是document.getElementByName();getElementById();
<input type="text" id="oinput"> //创建一个表单
var oInput = document.getElementById("oinput"); //通过id来获取标签
2.表单相关的事件
subject:
当提交表单时,会发生 submit 事件。
该事件只适用于 <form> 元素。
submit() 方法触发 submit 事件,或规定当发生 submit 事件时运行的函数。
resrt:
在 HTML 表单中 <input type="reset"> 标签每出现一次,一个 Reset 对象就会被创建。
当重置按钮被点击,包含它的表单中所有输入元素的值都重置为它们的默认值。默认值由 HTML value 属性或 JavaScript 的 defaultValue 属性指定。
重置按钮在重置表单之前触发 onclick 句柄,并且这个句柄可以通过返回 fasle 来取消。
您可以通过遍历表单的 elements[] 数组来访问某个重置按钮,或者通过使用document.getElementById()。
3.表单相关的控件
change事件 监控表单控件的值变化事件 (控件的value如果变化了才会触发)
输入事件 input事件
<input type="text" id="txt">
<div id="div"></div>
<script>
var txt = document.querySelector("#txt");
var div = document.querySelector("#div");
txt.onchange = function(){
console.log("值变化了");
}
创建一个表单,在里面输入内容时,会在控制台打印。