JavaScript獲取input text文字框

admin發表於2017-03-18
JavaScript

input元素是最重要的標籤之一。

根據type屬性值的不同，它的展現形式與功能也有很大差別。

實際操作中，可能需要從中篩選出某一類input元素。

下面以篩選text文字框為例子，做一下演示。

[HTML] 純文字檢視 複製程式碼執行程式碼
<!DOCTYPE html> 
<html> 
<head> 
<meta charset=" utf-8"> 
<meta name="author" content="http://www.softwhy.com/" /> 
<title>螞蟻部落</title> 
<script type="text/javascript">  
window.onload=function(){
   var myform=document.getElementById("myform");
   var inputs=myform.getElementsByTagName("input");
   for(var i=0;i<inputs.length;i++){
     if(inputs[i].type=="text"){
       inputs[i].value = "歡迎來到螞蟻部落";
     }
   }
}
</script>  
</head>  
<body>  
<form id="myform">
<ul>
  <li><input type="text" value="螞蟻部落一" /></li>
  <li><input type="button" value="檢視效果" /></li>
  <li><input type="text" value="螞蟻部落二" /></li>
  <li><input type="checkbox" value="螞蟻部落三" /></li>
</ul>
</form>
</body>  
</html>

上述程式碼可以篩選出，type屬性值為"text"的文字框。

相關文章