首页 > Windows开发 > 详细

表单相关API

时间:2020-06-04 21:35:19      阅读:32      评论:0      收藏:0      [点我收藏+]

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

 

 

 

 

 

 

表单相关API

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!