HTMLフォームを使用してlocalSessionの変数を設定する

Question

私は初心者だから私はまだ勉強していて、テストしたいと思っています。

自分のウェブサイトの登録フォームを作成したいと思います。フォームによって設定されたデータを処理するためにhandler.phpを持つことは望ましくありません。代わりにlocalStorageというデータとして保存したいので、ユーザーが登録すると自分のサーバーには保存されませんが、localStorageに保存されます。

これは可能ですか？そうでなければ、私に言ってくれてありがとう。

は、ここで私が何を意味するかの視覚的な説明です：

Answer 1

私はユースケースを見ませんが、学習の目的のために、ここでそれを達成することができる方法は次のとおりです。

<script> 

    function welcomeUser() { 

     // Check if we have a userName stored for this client. 
     if(localStorage.getItem("userName")) { 

      // Welcome the user if we do! 
      alert("Welcome back " + localStorage.getItem("userName")); 

     } 

    } 

    function saveData() { 

     // Get input values 
     var userName = document.getElementById('userName').value; 
     var email = document.getElementById('email').value; 

     // Save to localStorage  
     localStorage.setItem("userName", userName); 
     localStorage.setItem("email", email); 

    } 

    // Welcome our user. 
    welcomeUser(); 

</script> 

<form name="registerForm" action="javascript:void(0)" onsubmit="saveData()"> 
    <input type="text" id="userName"> 
    <input type="email" id="email"> 
    <input type="submit"> 
</form> 

フィドル：https://jsfiddle.net/a6t4wgzt/1/

参考：https://developer.mozilla.org/en-US/docs/Web/API/Storage/LocalStorage