为什么可以'；t此javascript代码读取csv文件

我是javascript编程的新手，我读过《面向开发人员的专业javascript》第三版。此外，我还尝试了网站上的许多选项，或者：

对于第二个选项，我很难理解他在说“记住在呈现文件字段后放置javascript代码”时所说的“呈现文件字段”是什么意思。尽管如此，我还是尝试了一下，但没有成功

现在，从我对文件读取工作原理的理解来看，下面的代码应该可以工作，但实际上不行，我也不知道为什么。我希望我不是很无聊

<p id="output">
</p>
<form id="form1" action="">
  <input type="file" id="input">
  <input type="button" id="readFil" value="read" onsubmit="readFile()">
</form>
<script>
  function readFile() {
    var selected_file = document.getElementById('input').files[0];
    reader = new FileReader();
    reader.readAsText(selected_file);
    reader.onload = function() {
      document.getElementById("output").innerHTML = reader.result;
    };
  }
</script>

函数readFile（）{
var selected_file=document.getElementById（'input'）.files[0]；
reader=newfilereader（）；
reader.readAsText（所选的_文件）；
reader.onload=函数（）{
document.getElementById（“输出”）.innerHTML=reader.result；
};
}
因为
输入
元素没有
提交
事件<代码>表单
元素。如果要在按下按钮时调用代码，请使用
单击事件

<input type="button" id="readFil" value="read" onclick="readFile()">
<!-- Change is here -----------------------------^^^^^           -->

非常感谢。你让我开心