Question

我正在使用JavaScript和HTML来创建表单。我有表单，我会将它的内容保存到LocalStorage中。其中一个字段我想要填充一次，然后显示本地存储的值。如果字段被编辑，则要更新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);

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

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

我希望它不在字段旁边显示，而是希望它在字段中。

Answer 1

对于输入，您使用值属性。

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

但你需要给你的输入一个ID ......

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

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

1 个答案: