如何從HTML LocalStorage填充HTML輸入字段

Question

我使用JavaScript和HTML創建表單。我有表單，我將它的內容保存到LocalStorage中。 我想填充一次這些字段之一，然後顯示本地存儲的值。如果該字段被編輯，則需要更新本地存儲。

我設法做的一切，但在形式輸入欄：顯示本地存儲值

<form name="myForm" action="newcuaneeded.html" onsubmit="return genres();"method=post> 
<table border="0"> 
    <tr> 
     <td>Employee Name: </td> 
     <td><input type="text" name="empname"></td> 
     <td id="lsempname"></td> 
    </tr> 
    <tr> 
     <td>Customer Name: </td> 
     <td><input type="text" name="custname"></td> 
    </tr> 
    <tr><td colspan="2"><button id="indnotebutt" onclick=genres();><b>Submit</b><button></td> 
    </tr> 
</table> 
</form><hr> 

本地存儲將在以下JS進行更新的基礎，如果：

if (ename == "") ename = localStorage.getItem("ls-ename"); 
if (ename != "") localStorage.setItem("ls-ename", ename); 

LocalStorge的內容通過以下JS命令顯示在字段旁邊：

document.getElementById("lsempname").innerHTML = localStorage.getItem("ls-ename"); 

而不是顯示旁邊的領域，我希望它在該領域本身。

Answer 1

對於使用value屬性的輸入。

document.getElementById("empname").value = localStorage.getItem("ls-ename"); 

但你需要給你輸入自己的ID ......

<input type="text" name="empname" id="empname">