JS动态生成文本框

最新推荐文章于 2022-11-22 17:59:04 发布

hzywy123456

最新推荐文章于 2022-11-22 17:59:04 发布

阅读量395

点赞数 1

分类专栏： java web 开发文章标签： js 文本框 ViewUI

本文链接：https://blog.csdn.net/hzywy123456/article/details/84173615

版权

java web 开发专栏收录该内容

25 篇文章 0 订阅

订阅专栏

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>JS动态生成文本框</title>
<meta name="generator" content="editplus">
<meta name="author" content="">
<meta name="keywords" content="">
<meta name="description" content="">
<script type="text/javascript">
function createInput()
{
var inputdiv = document.getElementById("inputDiv");

var br = document.createElement("br");
inputdiv.appendChild(br);

var input1 = document.createElement("input");
input1.setAttribute("type", "text");
input1.setAttribute("name", "uploadfilename");
input1.setAttribute("value", "上传文件名");
inputdiv.appendChild(input1);

var input4 = document.createElement("input");
input4.setAttribute("type", "button");
input4.setAttribute("value", "删除");
input4.onclick = function() // 按钮的 onclick 事件，onclick 必须全部为小写
{
inputdiv.removeChild(br);
inputdiv.removeChild(input1);

inputdiv.removeChild(input4);
inputdiv.removeChild(input5);
}
inputdiv.appendChild(input4);

var input5 = document.createElement("input");
// input5.setAttribute("type", "submit");
// input5.setAttribute("name", "uploadfileid");
// 也可以采用下面的方式设置"input"的属性
input5.type = "hidden";
input5.id = "uploadid";
inputdiv.appendChild(input5);

// alert(document.getElementById("uploadid").value); // 验证是否已动态创建隐藏域
}
</script>
</head>

<body>
<div id="inputDiv"></div>
<input type="button" value="JS创建文本框" onClick="createInput();" />
</body>
</html>

hzywy123456

关注

1
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
JS动态生成文本框

JS动态生成文本框 function createInput() { var inputdiv = document.getElementById("inputDiv"); var br = document.createElement("br"); inputdiv.appendChild...
复制链接

扫一扫