动态增加输入框
分类:javascript
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"> -->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>点击按钮动态增加输入框数量</title>
</head>
<body>
<script>var i=1</script>
<input type=button onclick="document.body.insertAdjacentHTML('beforeEnd','<span>名称</span><input type=text name='+i+' value='+i+++'> <span>品牌</span><input type=text name='+i+' value='+i+++'> <span>规格尺寸</span><input type=text name='+i+' value='+i+++'> ')" value=添加>
</body>
</html>
效果图如下:
一线大厂高级前端编写,前端初中阶面试题,帮助初学者应聘,需要联系微信:javadudu