表单相关API

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("值变化了");

        }

创建一个表单，在里面输入内容时，会在控制台打印。