javascript - 如何从 HTML LocalStorage 填充 HTML 输入字段

Question

我正在使用 JavaScript 和 HTML 创建表单。我有表单，我会将其内容保存到本地存储中。我希望填充其中一个字段一次，然后显示本地存储中的值。如果该字段被编辑，则本地存储将被更新。

我设法完成所有操作，但在表单输入字段中显示本地存储值。:

<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);

使用以下 JS 命令，LocalStorge 的内容显示在字段本身旁边:

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">