HTML入力の値を使用する

Question

<label for="fullname" name="identity">Name, Surname</label><br/> 
<input type="text" name="info" value="" /> 

ユーザーが一度入力すると、変数に保存します。後でそれを他の場所でも使用できるようになります。

<input type="submit" value="send" onclick="myFunction()"/> 

この値を使用するために作成する機能と実行する機能

Answer 1

同じページにデータを保持したい場合は、バニラJavaScriptをドキュメントレベルのスコープで変数を宣言することで使用できます。ここではその簡単な例です：

window.onload = function() { 
 
    document.getElementById("my_form").onsubmit = my_form_submit; 
 
} 
 

 
var fullname; 
 
function my_form_submit(e) { 
 
    // Stop the form from submitting 
 
    e.preventDefault(); 
 

 
    // Store the value 
 
    fullname = document.getElementById("fullname").value; 
 
}

<form id="my_form"> 
 
    <label for="fullname" name="identity">Name, Surname</label><br/> 
 
    <input type="text" name="info" value="" id="fullname" /> 
 
    <input type="submit" value="send" /> 
 
</form>

あなたは、データがページに渡って持続する場合は、Cookieを作成するには、サーバー側の言語を使用する必要があります。 PHPでは、セッションを確立してからセッション変数を設定します。その簡単な例を次に示します。

<?php 
// Set session variables 
session_start(); 

// Assign the session variable from the form's post 
$_SESSION["fullname"] = "info"; 
?>