javascript - html 表單如何恢復

Question

假設我有一個表單

<form>
<input name="username"/>
</form>

現在當使用者輸入username之後，第二次使用者再一次來到頁面上，從伺服器已經拿到了使用者這個username，怎麼才能讓頁面上的input裡面顯示使用者已經輸入過的username

#######

Answer 1

兩種方案
後端:從後端拿到資料後賦值給input
前端:把input值儲存到本地cookie 或 localStorage

Answer 2

第一種

服務端

$_SESSION['username'] = $_POST['username'];

模板

<input name="username" value ="<?=$_SESSION['username']?>"/>

第二種

參考這個部落格網站的評論功能，用戶第一次評論輸入用戶名和郵箱後，localstorage緩存，下次的話直接讀取緩存，賦值給表單的value

https://blog.codefun.cn/blog/...

Answer 3

你們這些 input 不是保存在後台資料嗎， 頁面載入請求資料啊。