在HTML5中打印一个变量

-3

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

有人可以帮我吗？谢谢！

来源

2017-09-26 Javi

这不涉及HTML5，它是一个JavaScript问题 –

您需要在函数中添加一些代码，否则它将不会执行任何操作！也许你应该先通过一些JavaScript教程？ – gareththegeek

你可以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>

来源

2017-09-26 07:40:37 Mahmoud

您可以使用任何下列方法之一。为输入元素分配一个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>

来源

2017-09-26 07:44:46 Amit

在HTML5中打印一个变量

回答

相关问题