前提・実現したいこと
formにて複数のinputがある時に入力されたものをonclickでinnerHTML表示させたいです。
入力されていない箇所の「」は空白表示、パスワードも入力欄では見えませんが
表示されるようにしたいです。宜しくお願いします。
ーー表示ーーーーーーーーー
名前は「」です。
メールアドレスは「」です。
パスワードは「」です。
ーーーーーーーーーーーーー
<html>
<head>
<title></title>
<script type="text/javascript" language="javascript">
function onButtonClick() {
target = document.getElementById("outputValue");
target.innerText = document.forms.id_form.id_textBox.id_password.id_email.value;
}
</script>
</head>
<body>
<form name="form" id="id_form" action="">
nam :<input name="textBox" id="id_textBox" type="text" value="" maxlength="10" /><br>
mail :<input name="email" maxlength="8" id="id_email" type="email"/><br>
pass :<input name="password" id="id_password" maxlength="10" id="id_password"/><br>
<input type="button" value="入力確認" onclick="onButtonClick();" />
</form>
<hr/>
<div id="outputValue"></div>
</body>
</html>
試したこと
各inputにそれぞれidを付けた。