Question

怎样用js实现多个input输入框？

下面是我用表格做的，这个办法很笨，请高手用js写下，实现的效果如图





Answer 1

<table></table>
.......

	function microTemplate(t , args){
	    return t.replace(/\$\$\{(.*?)\}/img , function(ag , ag1){
	        return args[ag1]||ag;
	    })
	}

var stringBuffer = [];
var info = [{name:"aaa",placeholder:"aaa"},{name:"bbb",placeholder:"bbb"}];
var ilen = info.length;
while(ilen--){
stringBuffer.push(microTemplate("<tr><td><input type='text' name='$${name}' placeholder='$${placeholder}'></td></tr>",info[ilen]));
}

stringBuffer.push("<tr><td><input type='submit' value='提交' /></td></tr>");

document.getElementsByTagName("table")[0].innerHTML=stringBuffer.join("")

 试试吧，应该会优雅一点，模板只做个大概，正常的话可以找个前端模板引擎

Answer 2

<tr>
<td>姓名：</td>
<td><input name="name" placeholder="请输入您的名字"></td>
</tr>
<tr>
<td>手机号：</td>
<td><input name="mobilePhone" placeholder="请输入您的手机号"></td>
</tr>

Answer 3

js方法还没有你这样简单
js就是把html元素拼起来, 然后append进去..
不如用你这种的