function a(){
枯芦ha=document.getElementById("haha")
b=document.getElementById("txt")
num=b.value
for(var i=0i<numi++){
aDiv=document.createElement("div")
var node=document.createTextNode("这是第"+(i+1)+"个新的DIV")
aDiv.appendChild(node)
ha.appendChild(aDiv)
}
}
function c(){
var arr = document.getElementsByTagName("div")
for(var i=0i<numi++)
{
ha.removeChild(arr[1])
}
}
</script>
<body>
输入你想要的DIV的数目：<input 没庆带type="text" id="txt" />
<button onclick="a()">一次性产生多个DIV</button>
<button onclick="c()">删除</button>
<div id="haha">这里将有N多个DIV：</div>
差亏 </body>
创建一个简单的input标签实现网页上的输入框效果。
添加输入框的步骤如下：
<input>标掘败签用于搜集用户信息。根据不同的 type 属性值，输入字段拥有很多种形式。输入字段可以是文本字段、复选框、掩码后的橡散雹文本控件、单选按钮、按钮等等。
工具：编辑器、浏览器
1、创建一个简单的input标签实现网页上的输入框效果，代码如下：
1 First name: <input type="text" name="fname" />2 Last name: <input type="text" name="lname" />3 <input type="submit" value="Submit" />
2、以上代码中type=text是文梁帆本的输入框，type=submit是一个提交按钮，运行的效果如下图：
添加多个输入框的方法如下：
<input id="input_template" name="name" maxlength="7" type="text" style="width: 120px">
<!-- 这里是一个模版，追加的时候用来克隆的。 -->
$('#addBtn').bind('click', function() {
var input_ = $("#input_template").clone()
$("#input_container").append(input_)
})
<!-- 需要注意的是，在追加的时候，或者追加之后，把追加元素imput的name和id重置一下。 -->
这个是上传图片的增加和删除 希望是你想要的结果有两个文件
第一个：是调用下面的js和html的静态代码
<script language="javascript" src="js/SelectFile.js"></script>
<label>
<input id="file1" name="Photo[]" type="file" size="35" />
<input id="buttonadd" name="buttonadd" type="button" style="display:''灶巧或" value="更多" onClick="AddFile()">
<br id="宽岁br1" style="display:none">
<input id="file2" name="Photo[]" type="file" style="display:none" disabled="true" size="35"/>
<input id="buttondel2" name="buttondel2" type="button" value="删除" style="display:none" onClick="DelFile(2)">
<br id="br2" style="display:none">
<input id="file3" name="Photo[]" type="file" style="display:none" disabled="true" size="35"/>
<input id="buttondel3" name="buttondel3" type="button" value="删除" style="display:none" onClick="DelFile(3)">
<br id="br3" style="display:none">
<input id="file4" name="Photo[]" type="file" style="display:none" disabled="true" size="35"/>
<隐伍input id="buttondel4" name="buttondel4" type="button" value="删除" style="display:none" onClick="DelFile(4)">
<br id="br4" style="display:none">
<input id="file5" name="Photo[]" type="file" style="display:none" disabled="true" size="35"/>
<input id="buttondel5" name="buttondel5" type="button" value="删除" style="display:none" onClick="DelFile(5)">
</label>
第二：是js代码 你直接用就可以了 写在一个叫SelectFile.js的文件里 上面调用
<!--
//说明：此控件控制 br[1~4],file[2~5],buttondel[2~5]
function AddFile()
{
for (var SelNum=1SelNum<9SelNum++)
{
var Num=SelNum+1
if(document.all("file"+Num).style.display=='none')
{
document.all("file"+Num).style.display=''
document.all("file"+Num).disabled=''
document.all("buttondel"+Num).style.display=''
document.all("br"+SelNum).style.display=''
break
}
}
}
function DelFile(Key)
{
var Num=Key-1
document.all("file"+Key).style.display='none'
document.all("file"+Key).disabled='true'
document.all("buttondel"+Key).style.display='none'
document.all("br"+Num).style.display='none'
}
-->
注意：上面的file，buttondel和br都不要改动 否则就实现不了了 呵呵
祝你成功！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）