该例子的样式用的是easyui的样式,看不懂只需把class="easyui-XXX" 删除即可
<div class="fitem" id="urls" style="margin-bottom:5px;">
<label>url:</label>
<input id="url" name="url" class="easyui-textbox" style="width: 260px" >
小标题:
<input id="url_title" name="url_title" class="easyui-textbox" style="width: 260px;" >
<a href="javascript:void(0);"class="easyui-linkbutton" iconCls="icon-add" οnclick="addinput()"></a>
<div class="fitem"></div>
</div>
function addinput(){
var temp = document.createElement('div');
temp.className="fitem";
var urls = document.getElementById("urls");
urls.appendChild(temp);
var url_to = document.createElement("input");
url_to.type ="text";
url_to.id ="url";
url_to.style.width="260px";
url_to.style.borderRadius="5px";
url_to.style.border="1px";
url_to.style.borderColor="#95b8e7";
url_to.style.borderStyle="solid";
url_to.style.height="22px";
var title_to = document.createElement("input");
title_to.type ="text";
title_to.id ="url_title";
title_to.style.width="260px";
title_to.style.borderRadius="5px";
title_to.style.border="1px";
title_to.style.borderColor="#95b8e7";
title_to.style.borderStyle="solid";
title_to.style.height="22px";
url_to.style.marginLeft="65px";
title_to.style.marginLeft="49px";
temp.appendChild(url_to);
temp.appendChild(title_to);
}
最终效果如下