在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中打印一個變量

回答

相關問題