由于页面加载好，文本框的值就已经被获取了，如果设置了value中的默认值，那么用户可以在提交的时候提交默认值，对于用户新输入的内容无视。但如果你没有设置默认值，那么你提交的时候肯定是空。解决办法：
点击事件的里面在去获取元素对象和值：
代码：
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> <p><label for=""> 学号：</label><input type="text" placeholder="请输入" id="account"></p> <p><label for=""> 姓名：</label><input type="text" placeholder="请输入" id="username"></p> <button id="btn">提交</button> <script> var btn = document.getElementById("btn"); btn.onclick = function () { var account = document.getElementById("account").value; var username = document.getElementById("username").value; console.log(account, username) } </script> </body> </html>