表单相关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("值变化了");
        }
创建一个表单,在里面输入内容时,会在控制台打印。

 

原文地址:https://www.cnblogs.com/broue/p/13045827.html