首页 / JAVASCRIPT / JS动态生成Input文本框 并获取文本框值

JS动态生成Input文本框 并获取文本框值

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了JS动态生成Input文本框 并获取文本框值，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1789字，纯文字阅读大概需要3分钟。

内容图文

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns= "http://www.w3.org/1999/xhtml" >
<head>
<meta http-equiv= "Content-Type" content= "text/html; charset=utf-8" />
<title> javascript 动态创建 input 文本框</title>
<style type= "text/css" >
<!--
body {
font :12px “ Microsoft Sans Serif” ;
}
.TextStyle{
width :300px ;
height :16px ;
line-height :16px ;
border :1px solid #006699 ;
font :12px "Microsoft Sans Serif" ;
padding :2px ;
color :#006699 ;
}
-- >
</style>
<script type= "text/javascript" >
//创建 input 文本框
function CreateInput(){
var input = document.createElement("input" );
input.type = "text" ;
input.id = "inputText" ;
input.placeholder="请填写项目名称";
input.myholder = "请填写项目名称";
//input.onfocus = "this.value=‘‘";
//input.onblur = "if(this.value=‘‘){this.value=‘请填写项目名称‘}";

/*input.style.width = "300px";
input.style.height = "16px";
input.style.lineHeight = "16px";
input.style.border = "1px solid #006699";
input.style.font = "12px ‘Microsoft Sans Serif‘";
input.style.padding = "2px";
input.style.color = "#006699";*/
document.getElementById("showText" ).appendChild(input);
}

function GetClassName(){
var InputValue=document.getElementsByName(‘TextStyle‘)
var strValue=[];
for(var i=0;i<InputValue.length;i++)strValue.push( InputValue[i].value);
alert(strValue);
}
</script>

</head>

<body >
<div id= "showText" ></div>
<input type= "button" onclick= "CreateInput()" value= "动态生成input" /> <br /><br />
<input type= "button" onclick= "GetClassName()" value= "获取创建文本框的值" />
</body>
</html>

原文：http://www.cnblogs.com/Smily-C/p/3832672.html

内容总结

以上是互联网集市为您收集整理的JS动态生成Input文本框 并获取文本框值全部内容，希望文章能够帮你解决JS动态生成Input文本框 并获取文本框值所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/1052065.html

来源：【匿名】