<!DOCTYPE html>
<html>
<body>
<h2>JavaScript HTML DOM</h2>
<p><b>document.forms</b> を使用して HTML 要素を検索します。</p>
<form id="frm1" action="/action_page.php">
First name: <input type="text" name="fname" value="Donald"><br>
Last name: <input type="text" name="lname" value="Duck"><br><br>
<input type="submit" value="Submit">
</form>
<p>これらは、フォーム内の各要素の値です。</p>
<p id="demo"></p>
<script>
const x = document.forms["frm1"];
let text = "";
for (let i = 0; i < x.length ;i++) {
text += x.elements[i].value + "<br>";
}
document.getElementById("demo").innerHTML = text;
</script>
