Question

我有一个表格，询问...姓名并有一个提交按钮。

<html>
<form name = "myform">
<p>ENTER USER NAME <input type="text" name="username">
<input type="button" value="Check In" name="Submit" onclick= "validate()">
</p>
</html>

就代码而言，这就是我迄今为止所做的一切。

我需要添加什么，以便当有人提交某些内容时，例如'asdf'，它会在<h2>之类的标记中将'asdf'或任何人所说的内容打印到网站上（表单下方）。

Answer 1

您可能需要为该名称添加一个位置，然后使用JavaScript将该位置的文本设置为与输入的文本相同。

E.g：

＆＃13;

function validate() {
  var name = document.querySelector('[name="username"]').value;
  document.getElementById("name-submitted").innerHTML = name;
}

＆＃13;

<form name="myform">
  <p>ENTER USER NAME
    <input type="text" name="username">
    <input type="button" value="Check In" name="Submit" onclick="validate()">
  </p>
  <div id="name-submitted"></div>
</form>

＆＃13;

这里是plunkr

Answer 2

function validate() {
  var name = document.querySelector('[name="username"]').value;
  document.getElementById("name-submitted").innerHTML = name;
}

<form name="myform">
  <p>ENTER USER NAME
    <input type="text" name="username">
    <input type="button" value="Check In" name="Submit" onclick="validate()">
  </p>
  <div id="name-submitted"></div>
</form>

这就是我到目前为止所拥有的。

但是，每当您点击提交（另一次）时，它将替换之前的印刷字。我怎么做到这样，如果你打印别的东西，它会继续下一行等等？

将表单上的输入打印到HTML网站上

2 个答案: