Javascript 单击“提交”按钮显示输入

例如，当我在提交按钮中输入“早上好”时。我应该能够在Html网页上查看我的输入

<input id="a"/>
<button type="submit" onclick="e()">Submit<button
<p id="k"></p>

Submit单击Submit调用函数并获取输入框的值。使用
.innerHTML
将值附加到段落或div


函数e（）
{
document.querySelector（'#k'）.innerHTML=document.querySelector（'#a'）.value
}

现在还不太清楚您想做什么，但假设我正确安装了。提交表单时，您希望获取输入的值&将其输出到

您可以检查代码工作示例。请注意，通过更改参数，您可以在另一个输入中再次使用此函数


const submitForm=（值，显示器）=>{
让输入=document.getElementById（值）；
让valueHolder=document.getElementById（显示器）；
让inputValue=input.value；
valueHolder.innerHTML=输入值；
input.value=''；
};
const form=document.getElementById（'formSubmission'）；
表格.addEventListener（'submit'，（e）=>{
e、 预防默认值（）；
提交表格（“inputData”、“valueHolder”）；
});

提交按钮不能包含交互元素，您不能在提交按钮中输入。请更具体一点，你到底想做什么？请展示你到目前为止做了什么好的。所以我有一个提交按钮，我插入一个值，我应该能够读取我在网页上的输入。就像普通文本一样，没有其他内容。。是否可能？？？@AllenSamuel Submit按钮用于向服务器提交表单。然后，服务器可以返回一个包含该页面文本中输入值的页面。如果不需要表单提交，请不要使用“提交”按钮，而是使用常规按钮，或者侦听输入元素的输入或更改事件，并在处理程序中向文本添加值。现在它不是“提交”按钮。一旦将其放入表单中，表单将被提交