表单操作

获取表单

1 表单.name;

获取值

html代码:

1 <form id="form1">
2     <input type="text" value="" name="userName" />
3     <input type="radio" name="sex" id="" value="男" />
4 </form>

js代码:

1 console.log(form1.userName.value);//text的内容
2 console.log(form1.sex.value);//radio的内容

表单事件

1 onchange //当有变化的时候会触发这个事件,一般用在select。
2 oninput //当输入框里的内容有变化的时候触发。
3 onsubmit //当表单被提交的时候会触发,当点击提交按钮的时候会触发,只能添加给form对象。
4 onreset //当表单被重置的时候触发,当点击重置按钮的时候会触发,只能添加给form对象。

表单方法

1 reset();//作用为重置表单,会触发onreset事件,只能给form对象添加。
2 submit();//作用为提交表单,不会触发onsubmit事件,只能给form对象添加。
原文地址:https://www.cnblogs.com/imguo/p/5782443.html