html运行实例（jsck_doc_forms

代码示例：（标识：jsck_doc_forms_6）

<!DOCTYPE html>
<html>
<body>

<h1>Document 对象</h1>

<h2>forms 属性</h2>

<form action="/index/demo/form_current.html">
<p>名字：<input type="text" name="fname" value="Gates"></p>
<p>姓氏：<input type="text" name="lname" value="Bill"></p>
<p>城市：<input type="text" name="city" value="Seattle"></p>
<input type="submit" value="提交">
</form> 

<p>表单中每个元素的值是：</p>
<p id="demo"></p>

<script>
const form = document.forms[0];
let text = "";
for (let i = 0; i < form.length; i++) {
  text += form.elements[i].value + "<br>";
}
document.getElementById("demo").innerHTML = text;
</script>

</body>
</html>