javascript - 不弹出输入框

Question

我有 2 个输入字段，我想在用户单击提交按钮后显示在模式框中。我是否必须在 javascript 中将矩阵的类型更改为 type="text"？如果可以，我该怎么做？

<form><br>
<h1 style="text-align: center; color:red;">LOGIN</h1>
    <input type="text" name="name" placeholder="NAME" id="name"><br><br>
    <input type="password" name="matrixno" placeholder="MATRIX NO" id="matrix"><br><br><br>
<input id="myBtn" type="button" value="Submit" style="cursor:pointer; margin-right: 4.5cm; padding: 7px 16px;">
</form>

Jsfiddle

Answer 1

只需要在这里做一个小改动:

var x = document.getElementById("name"), y = document.getElementById("matrix");

btn.onclick = function() {
  document.getElementById("show").innerHTML = x.value;
  document.getElementById("show1").innerHTML = y.value;
  modal.style.display = "block";
}

单击按钮后访问输入的值，而不是在文档准备好/页面加载时。同样在 show1 style="colorw:white;" 到 style="color:white;"