动态增加输入框

吐槽君 分类: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>
 

效果图如下:

动态增加输入框

动态增加输入框

回复

我来回复
  • 暂无回复内容