HTML/Javascript显示用户输入（刷新问题）
我正在尝试获取用户在文本框中输入的内容，然后写入 将该输入复制到页面上的段落中，并停止页面刷新，以便他们可以复制该输入以供其他地方使用。（这将是一个相当长的形式，但这是我遇到的一个绊脚石HTML/Javascript显示用户输入（刷新问题）,javascript,html,forms,validation,refresh,Javascript,Html,Forms,Validation,Refresh,我正在尝试获取用户在文本框中输入的内容，然后写入 将该输入复制到页面上的段落中，并停止页面刷新，以便他们可以复制该输入以供其他地方使用。（这将是一个相当长的形式，但这是我遇到的一个绊脚石 --为清晰起见进行了编辑-- 除了输入并按下外，一切似乎都很正常 提交时，输入显示良好几秒钟，然后 页面刷新。是否有任何方法可以修复/停止此问题 我曾尝试在显示中添加一个while循环，以便代码在显示时停止，但迄今为止没有成功 如果您有任何建议，我们将不胜感激，谢谢 我的代码 <html> <
--为清晰起见进行了编辑-- 除了输入并按下外，一切似乎都很正常 提交时，输入显示良好几秒钟，然后 页面刷新。是否有任何方法可以修复/停止此问题 我曾尝试在显示中添加一个while循环，以便代码在显示时停止，但迄今为止没有成功 如果您有任何建议，我们将不胜感激，谢谢 我的代码
<html>
<head>
<script type="text/javascript">
function checkForm() {
var input = document.myForm.username.value;
document.write.getElementById("display").innerHTML=("Your username is" + " " + input);
}
</script>
</head>
<body>
<form name="myForm">
<input type="text" name="username" value="Enter username" /><br/>
<input type ="submit" value="Submit"
onClick="checkForm()" />
</form>
<span id="display"><p> </p> </span>
</body>
</html>
函数检查表（）{
var输入=document.myForm.username.value；
document.write.getElementById（“display”）.innerHTML=（“您的用户名是“+”+input）；
}
function checkForm() {
var input = document.myForm.username.value;
document.write.getElementById("display").innerHTML=("Your username is" + " " + input);
return false;
}
您可能还应该使用表单本身的事件，而不是单击submit按钮上的onclick。mate，在submit按钮上，默认情况下会提交导致页面刷新的表单，您需要在checkForm（）末尾返回false；或者调用e.preventdefault（）最后；没有文档。请写入
document.write.getElementById(...
document.getElementById(...
document.forms[0].addEventListener("submit", function(evt) { evt.preventDefault(); });
<form onsubmit="return false">
我看你对编程很陌生 所以 如果您的提交标记位于表单标记中，它将转到表单操作属性路径，如果您没有操作属性，它将刷新；因为它将有“”路径，这意味着它是当前路径 例如，当您的代码如下所示
<form action="">
<input type="submit">
</form>
#输出{
高度：50px；
边缘底部：25px；
边框：1件纯金；
}
<div>
<input type="submit">
</div>