js如何將表單中所有的元素設定為不可用

antzone發表於2017-03-15
JS

本本章節簡單介紹一下如何將網頁表單中的表單元素設定為不可用，其實非常簡單隻要將表單元素的disabled屬性值設定為true就可以了，下面是一段這樣的程式碼示例，希望能夠給大家帶來一定的幫助。

[HTML] 純文字檢視 複製程式碼
<!DOCTYPE html> 
<html> 
<head> 
<meta charset=" utf-8"> 
<meta name="author" content="http://www.softwhy.com/" /> 
<title>螞蟻部落</title> 
<style type="text/css">
ul{list-style:none}
</style>
<script type="text/javascript"> 
function noDisable(){ 
  var form=document.forms[0]; 
  for(var i=0;i<form.length;i++){ 
    var element=form.elements[i]; 
    element.disabled=true; 
  } 
}
window.onload=function(){
  noDisable() 
}
</script>
</head> 
<body>
<form name="myform">
<ul>
  <li>姓名:<input type="text" /></li>
  <li>密碼:<input type="password" /></li>
  <li><input type="submit"/><input type="reset"/></li>
</ul>
</form>
</body>
</html>

相關文章