表单操作

获取表单

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