JavaScript中表单知识总结
1 readonly和disabled
共同点:都是导致内容不可以更改
区别: readonly:中的内容是可以提交的
disabled:数据是不可以提交的,不可以在被操作
2表单提交的方式
οnsubmit=“return sub()”
<input type="submit" name="" id="" value="提交" />
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script type="text/javascript">
function checkName(){
//获得文本框对象
var val=document.getElementById("zh").value;
//获得span对象
var span=document.getElementById("span_zh");
if(val==""||val==null){
span.innerHTML="× 账号不能为空";
span.style.color="red";
return false;
}else {
span.innerHTML="√ 账号合法";
span.style.color="green";
return true;
}
}
</script>
</head>
<body>
<form action="#" name="fom">
<p>
账号: <input type="text" name="zh" id="zh" value="" onblur="checkName()" />
<span id="span_zh"></span>
</p>
<p>
密码:<input type="password" name="pwd" id="pwd" value="sxt" />
</p>
<p>
<!--<input type="submit" name="" id="" value="提交" />-->
<input type="button" name="" id="" value="提交" onclick="sub()" />
</p>
</form>
</body>
</html>