Question

我想让用户添加多个电子邮件地址（例如）。我有一个带有1个文本框的表单来输入他们的第一个电子邮件地址。有没有办法添加“添加另一个电子邮件地址”按钮，让他们添加无限量的电子邮件地址？

Answer 1

是的，当然。例如：

HTML：

<form name="myform">
    <ul id="addrlist">
        <li><input type="email" name="email" /></li>
    </ul>
    <button id="addaddr">Add an address</button>
</form>

JavaScript的：

document.getElementById("addaddr").onclick = function() {
    var li = document.createElement("li");
    var input = document.createElement("input");
    input.setAttribute("type", "email");
    input.setAttribute("name", "email");
    li.appendChild(input);
    document.getElementById("addrlist").appendChild(li);
    return false;
};

http://jsfiddle.net/robbyn/P3LTU/

如何添加无限量的文本框

1 个答案: