JavaScript动态添加文本框并自动水平对齐


JavaScript动态添加文本框并自动水平对齐，类似新浪邮箱、163邮箱的添加附件功能，不过这里单纯是一个文本框，不是上传框，自己替换一下。另外主要是想表现如何让生成的文本框自动水平对齐，很多时候这些表单无素不容易对齐，看一下这个就明白了。

答案：<html>
<head>
<title>动态添加文本框</title>
<script language="javascript" type="text/javascript">
function createForm(number,nw) {
data = ""; 
number=parseInt(number);
for (i=1; i <= number; i++) {
data =data + "<input name='"+nw+i+"' width=40 style='vertical-align: middle'> <iframe style='top:2px' ID='UploadFiles' src='/' frameborder=1 scrolling=no width='250' height='25' style='vertical-align: middle'></iframe><br>";
}
if (document.layers) {
document.layers.cust.document.write(data);
document.layers.cust.document.close();
}
else {
if (document.all) {
cust.innerHTML = data;
 }
 }
}
</script>
</head>
<body>
<form name=form1>
<span id=cust style="position:relative;"></span>
<input name="leibienum" type="text" value="1" size="5">
<input type="button" name="meiyou" value="添加" onClick="createForm(document.form1.leibienum.value,'wai')">
</form>
</body>
</html>

上一个：常用的JS按钮功能大集合
下一个：用图片代替表单按钮的实现方法

更多图片编程知识: