在html中怎么可以追加多个文本框

在html中,在一个文本框后面有个按钮,每次一点击按钮,就会在文本框下面追加一个文本框,每点击一次就会多一个,有没有大神,求赐教啊!在下万分感谢!

7个回答

给你参考一下

 <input id="input_template" name="name" maxlength="7" type="text" style="width: 120px;">
 <!-- 这里是一个模版,追加的时候用来克隆的。 -->

 $('#addBtn').bind('click', function() {
        var input_ = $("#input_template").clone();
        $("#input_container").append(input_);
    });
    <!-- 需要注意的是,在追加的时候,或者追加之后,把追加元素imput的name和id重置一下。 -->
按钮
function appendInput(){ var input = $(".active").clone().removeClass(); $("#element").append(input); }

可以把按钮添加点击事件,在js中动态追加文本框

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">



Title






<input type="button" value="增加" onclick="addText();"/>
function addText() { $("#con").append("<input type='text'/><br/>"); }


引入jquery,用append方法,楼主没用过jquery?

 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script type="text/javascript" src="js/jquery.js"></script>
</head>
<body>
    <div id="con">
        <input type="text" /><br/>
    </div>

    <input type="button" value="增加" onclick="addText();"/>
<script type="text/javascript">
    function addText() {
        $("#con").append("<input type='text'/><br/>");
    }
</script>
</body>
</html>
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
立即提问