A. 用js怎么清空表单
JS清空表单有二种方法：遍历和reset；
分别如下：
方法1：遍历页面元素
/*
清空FORM表单内容 id：表单ID*/
function ClearForm(id) {
var objId = document.getElementById(id);
if (objId == undefined) {
return;
}
for (var i = 0; i < objId.elements.length; i++) {
if (objId.elements[i].type == "text") {
objId.elements[i].value = "";
}
else if (objId.elements[i].type == "password") {
objId.elements[i].value = "";
}
else if (objId.elements[i].type == "radio") {
objId.elements[i].checked = false;
}
else if (objId.elements[i].type == "checkbox") {
objId.elements[i].checked = false;
}
else if (objId.elements[i].type == "select-one") {
objId.elements[i].options[0].selected = true;
}
else if (objId.elements[i].type == "select-multiple") {
for (var j = 0; j < objId.elements[i].options.length; j++) {
objId.elements[i].options[j].selected = false;
}
}
else if (objId.elements[i].type == "textarea") {
objId.elements[i].value = "";
}
//else if (objId.elements[i].type == "file") {
// //objId.elements[i].select();
// //document.selection.clear();
// // for IE, Opera, Safari, Chrome
// var file = objId.elements[i];
// if (file.outerHTML) {
// file.outerHTML = file.outerHTML;
// } else {
// file.value = ""; // FF(包括3.5)
// }
//}
}
}
方法2：使用 reset 按钮
页面中增加：
<!--用来清空表单数据-->
<input type="reset" name="reset" style="display: none;" />
触发 reset 事件：
$("input[type=reset]").trigger("click");
B. jquery或者js处理form表单，按提交按钮后,怎么清空刚刚提交的input值
通过js的回调来机制。
C. 如何用JS动态改变表单form里的action值
var aa=document.getElementById("表单名").value。
D. js如何修改form标签中action和target参数
比如在html中有个表单:
<formid="myForm"action="form_action.asp"method="get"target="_blank">
<p>name:<inputtype="text"name="name"/></p>
<p>age:<inputtype="text"name="age"/></p>
<inputtype="submit"value="Submit"/>
</form>
可以编写以下js函数来修改表单的action以及target:
function modifyForm(){
var myForm = document.forms[0];//获取专表单,也可以通过id获取
属 myForm.setAttribute('action','newurl');//或者myForm.action='newurl';
myForm.setAttribute('target','_parent');//或者myForm.target='_parent';
alert(myForm.action + "," + myForm.target);//测试修改后的效果
}
E. 如何利用AngularJS框架实现form表单提交和重置
第一步，创建静态页面ng.html，并引入Bootstrap框架和AngularJS框架相关的js文件和css文件
第二步，在body里插入div标签元素，并设置ng-app和ng-controller指令
第三步，在div标签元素内添加form表单元素，有用户名、密码、姓名、性别和年龄，还有提交和取消按钮
第四步，编写用户名、密码、姓名、性别和年龄默认数据绑定
第五步，编写提交按钮点击事件，获取form表单元素值，并打印出来
第六步，获取表单对象，单击取消按钮，清空表单元素值