form.length总是给我1

Question

我试图在变量中保存我在表单中输入的输入数量，但总是返回给我1.

我的HTML代码：

<form method="post" action="sorteo.php" name="form">
        Participante:<br>
        <input type="text" name="1" class="primero">
        <br><br>
        <input type="submit" value="Sortear">
        <br><br>
    </form>

然后在控制台中我这样做：

document.form.length

但是回报我1.我做错了什么？

Answer 1

您需要元素的数量，而不是查看elements nodeList

document.formName.elements.length

Answer 2

是的，页面中只有一个表单，因此返回1.

你应该检查输入：

document.form.getElementsByTagName('input').length

或者，如果你想计算输入textarea等任何元素，那么你可以使用元素：

document.form.elements.length

但它并没有用图像类型计算元素input。

Answer 3

您提供的html中只有一个表单。另外，它是forms。

要获取输入，请使用：document.querySelectorAll('input').length

Answer 4

您应该使用getElementById并为您的元素提供ID，例如

<form method="post" action="sorteo.php" name="form" id="form1">

然后使用

document.getElementById("form1");