Prototype - Form getInputs() 方法
此方法返回表单中所有 INPUT 元素的集合。使用可选的 type 和 name 参数来限制对这些属性的搜索。
输入元素按文档顺序返回，而不是按 tabindex 顺序返回。
语法
formElement.getInputs([type [, name]]);
返回值
它返回 HTMLFormElement 数组。
form.getInputs() // -> 所有 INPUT 元素
form.getInputs('text') // -> 仅文本输入
var buttons = form.getInputs('radio', 'education')
// -> 仅名称为"education"的单选按钮
示例
<html>
<head>
<title>Prototype examples</title>
<script type = "text/javascript" src = "/javascript/prototype.js"></script>
<script>
function showResult() {
var form = $('example');
var arr = form.getInputs();
arr.each(function(item) {
alert("Return Element 1 : " + item.inspect());
});
}
</script>
</head>
<body>
<p>单击按钮查看结果。</p>
<br />
<form id = "example" action = "#" onsubmit = "return false">
<fieldset>
<legend>User info</legend>
<div>
<label for = "username">Username:</label>
<input name = "username" id = "username" value = "Sulien" type = "text">
</div>
<div>
<label for = "age">Age:</label>
<input name = "age" id = "age" value = "23" size = "3" type = "text">
</div>
<div>
<label for = "hobbies">Your hobbies are:</label>
<select name = "hobbies" id = "hobbies" multiple = "multiple">
<option>coding</option>
<option>swimming</option>
<option>hiking</option>
<option>drawing</option>
</select>
</div>
</fieldset>
</form>
<br />
<input type = "button" value = "Result" onclick = "showResult();"/>
</body>
</html>
输出
prototype_form_management.html
