input元素是最重要的标签之一。

根据type属性值的不同,它的展现形式与功能也有很大差别。

实际操作中,可能需要从中筛选出某一类input元素。

下面以筛选text文本框为例子,做一下演示。
   [ 其他 ] 运行代码    下载代码
<!DOCTYPE html> 
<html> 
<head> 
<meta charset=" utf-8"> 
<meta name="author" content="https://www.51qianduan.com/" /> 
<title>51前端</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 = "欢迎来到51前端";
     }
   }
}
</script>  
</head>  
<body>  
<form id="myform">
<ul>
  <li><input type="text" value="51前端一" /></li>
  <li><input type="button" value="查看效果" /></li>
  <li><input type="text" value="51前端二" /></li>
  <li><input type="checkbox" value="51前端三" /></li>
</ul>
</form>
</body>  
</html>

代码描述:JavaScript获取input text文本框。JavaScript获取input text文本框效果代码下载



112 150



用户评论
大牛,别默默的看了,快登录帮我点评一下吧!:)      登录 | 注册



×
×
51前端

注册

×
绑定手机

请绑定手机号,在继续操作

×
单次下载支付

应付金额:279

支付完成后,回到下载页面,在进行下载

官方QQ群
意见反馈
qq群

扫描上面二维码加微信群

官方QQ群

jQuery/js讨论群
群号:642649996
Css3+Html5讨论群
群号:322131262

加群请备注:从官网了解到