Html 为什么我提交表格时会出现空白页？

当我提交表格时，会出现一个空白页。我想保持一致

HTML:

---

首先，我使用了

returnfalse，但后来我读到一篇文章说，使用
返回false
被广泛滥用，因为它似乎在做我们想做的事情。实际上，它限制了代码，降低了代码的灵活性，增加了维护代码的难度

该条：

我在提交事件侦听器中成功地使用了
event.preventDefault（）
，以防止表单被提交。
返回false应该执行以下操作：除了输入错误之外，您似乎没有id为
用户名的元素，没有。你能设置一个测试用例吗，比如在？（我想现在也有内置的支持，但老实说，我不知道它是如何工作的）
<form id='credentials'>
     <div class="field">
          <label for="name">Username:</label>
          <input type="text" id="name" name="username" />
     </div>
     <div class="field">
          <button type="submit">Send</button>
     </div>
</form>

if (localStorage) {  // checks for localStorage support
    // add event listener for form submission
        document.getElementById('credentials').addEventListener('submit', function() {
            // get value of username field
            var username = document.getElementById('username').value;
            console.log('submitted')
            // save name in localStorage
            localStorage.setItem('name', username);
        });
} else {
    console.log('no localStorage');
}