java:JSP 用html制作表格时。怎样利用添加按钮 添加一个文本输入框
JSP或者是html页面的时候怎么点击出来一个文本输入框再点击再出一个这样的页面怎么写?会的哥们帮忙写下代码分可以翻番!...
JSP或者是html页面的时候
怎么点击 出来一个文本输入框
再点击 再出一个
这样的页面 怎么写?
会的哥们帮忙写下代码 分可以翻番! 展开
怎么点击 出来一个文本输入框
再点击 再出一个
这样的页面 怎么写?
会的哥们帮忙写下代码 分可以翻番! 展开
展开全部
下面的html实现了你所说的功能,使用的时候把代码放到jsp页面中效果是一样的:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>测试</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<script type="text/javascript">
var fileId=2;
function addImage(){
var imgBtn=document.getElementById("imgBtn");
imgBtn.parentNode.removeChild(imgBtn);
var imgBtn1=document.createElement("input")
imgBtn1.type="button";
imgBtn1.value = "添加";
imgBtn1.id = "imgBtn";
imgBtn1.onclick=addImage;
var imgTd=document.getElementById("imgTd");
var imgDiv=document.createElement("div");
var fileInput= document.createElement("input");
fileInput.type="text";
fileInput.value="第"+fileId+"个";
fileInput.id=fileId;
fileInput.name="imgFile";
imgDiv.appendChild(fileInput);
imgDiv.appendChild(imgBtn1);
imgTd.appendChild(imgDiv);
fileId=fileId+1;
}
</script>
</head>
<body>
<form action=""
method="post" >
<table width="452" border="0">
<tr>
<td>
用户名:
</td>
<td id="imgTd">
<div>
<input name="imgFile" type="text" value="第1个" />
<input type="button" id="imgBtn" value="添加" onClick="addImage()" />
</div>
</td>
</tr>
<tr>
<td align="center">
<input type="submit" value="添加" />
</td>
<td align="center">
<input type="reset" value="重置" />
</td>
</tr>
</table>
</form>
</body>
</html>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>测试</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<script type="text/javascript">
var fileId=2;
function addImage(){
var imgBtn=document.getElementById("imgBtn");
imgBtn.parentNode.removeChild(imgBtn);
var imgBtn1=document.createElement("input")
imgBtn1.type="button";
imgBtn1.value = "添加";
imgBtn1.id = "imgBtn";
imgBtn1.onclick=addImage;
var imgTd=document.getElementById("imgTd");
var imgDiv=document.createElement("div");
var fileInput= document.createElement("input");
fileInput.type="text";
fileInput.value="第"+fileId+"个";
fileInput.id=fileId;
fileInput.name="imgFile";
imgDiv.appendChild(fileInput);
imgDiv.appendChild(imgBtn1);
imgTd.appendChild(imgDiv);
fileId=fileId+1;
}
</script>
</head>
<body>
<form action=""
method="post" >
<table width="452" border="0">
<tr>
<td>
用户名:
</td>
<td id="imgTd">
<div>
<input name="imgFile" type="text" value="第1个" />
<input type="button" id="imgBtn" value="添加" onClick="addImage()" />
</div>
</td>
</tr>
<tr>
<td align="center">
<input type="submit" value="添加" />
</td>
<td align="center">
<input type="reset" value="重置" />
</td>
</tr>
</table>
</form>
</body>
</html>
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
javascript操作
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询