点击按钮无法清除<input>与<textarea>字段内容，求解决方法

DevOps 小满

2026-7-10

问题解决：点击Submit按钮无法清空输入框

核心原因

你编写的Submit_Form函数中，使用的元素ID与HTML里实际定义的输入框ID不匹配，导致JavaScript无法找到对应元素，自然无法执行清空操作。

具体不匹配项：

姓名输入框实际ID是Full-Name，函数里写的是Name
邮箱输入框实际ID是Email-Address，函数里写的是Email
描述框实际ID是Description-Box，函数里写的是Text-Box
仅电话号码输入框的IDPhone-Number匹配。

修正后的代码

JavaScript函数修正版

function Submit_Form() {
  document.getElementById("Full-Name").value = "";
  document.getElementById("Email-Address").value = "";
  document.getElementById("Phone-Number").value = "";
  document.getElementById("Description-Box").value = "";
}

（可选）改用事件监听器实现（更规范）

先给按钮添加ID：

<input type="button" value="Submit" id="submit-btn" />

再编写事件绑定代码（确保脚本放在</body>标签前，或用DOM加载事件包裹）：

document.getElementById("submit-btn").addEventListener("click", function() {
  document.getElementById("Full-Name").value = "";
  document.getElementById("Email-Address").value = "";
  document.getElementById("Phone-Number").value = "";
  document.getElementById("Description-Box").value = "";
});