html输入名字自动跳出的信息,从包含代码的HTML表单中获取所有输入字段名称

Alan Wells..

8

例如,如果所有输入都有name属性,那么您可以按标记名称获取所有元素,并循环遍历它们以获取name属性设置:

Inputs:

Click the button to display the value of the inputs

Try it

function myFunction() {

var x = document.getElementsByTagName("input");

console.log("x: " + x);

console.log("Number of inputs: " + x.length);

var arrayOfInputNames = [];

for (var i = 0; i < x.length; i++) {

//for(key in x) {

console.log("i: " + i);

console.log("value: " + x[i].name);

arrayOfInputNames.push(x[i].name);

}

console.log(arrayOfInputNames);

document.getElementById("demo").innerHTML = arrayOfInputNames;

}