Question

我是关于HTML5的新手，我知道这个问题可能有点“愚蠢”。但我不知道该怎么做。我尝试通过表单获取名称，并在我请求名称的同一页面中将其打印为下面的文本。

<script>
    function myFunction() 
    {

    }
</script> 

<form method="get">
       Name: <input name="fname" value="your name"  type="text"><br>
      <input onclick="myFunction()" value="Send"type="button">
</form>

有人可以帮助我吗？谢谢！

Answer 1

您可以在输入中添加ID并使用以下脚本

<script>
   function myFunction() {
      document.getElementById('myOutput').innerText = document.getElementById('myInput').value
   }
</script>

<form method="get">
   Name: <input id="myInput" name="fname" value="your name"  type="text"><br>
   <input  onclick="myFunction()" value="Send" type="button">
</form>

<div id="myOutput"></div>

Answer 2

您可以使用以下任何一种方法。为输入元素分配ID并使用它来获取值通常是任何地方的标准。请看这个easy reference。

 <script>
    function myFunction() 
            {    
                 // Get the element by Id
                 alert(document.getElementById("fname").value);
                 // Get the element by Name and take the first from array it returns.
                 alert(document.getElementsByName("fname")[0].value);
                 // Select a particular element by Name 
                 alert(document.querySelector("input[name='fname']").value);
                 // Select a particular element by Name and take first from array it returns.
                 alert(document.querySelectorAll("input[name='fname']")[0].value);
            }
</script> 

<form method="get">
       Name: <input name="fname" id="fname" value="your name"  type="text"><br>
      <input onclick="myFunction()" value="Send"type="button">
</form>

在HTML5中打印变量

2 个答案: