Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/69.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何从HTML LocalStorage填充HTML输入字段_Javascript_Html - Fatal编程技术网

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

Javascript 如何从HTML LocalStorage填充HTML输入字段,javascript,html,Javascript,Html,我正在使用JavaScript和HTML创建一个表单。我有这个表单,我将把它的内容保存到本地存储中。 我希望其中一个字段填充一次,然后显示本地存储中的值。如果该字段被编辑,则需要更新localstorage 我设法完成了所有操作,但在表单输入字段中显示了本地存储值: <form name="myForm" action="newcuaneeded.html" onsubmit="return genres();"method=post> <table border="0">

我正在使用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>
LocalStorge的内容通过以下JS命令显示在字段本身旁边:

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

我希望它不显示在字段旁边,而是显示在字段本身。

对于输入,使用value属性

document.getElementById("empname").value = localStorage.getItem("ls-ename");
但是你需要给你的输入一个ID

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

对于输入,您使用value属性

document.getElementById("empname").value = localStorage.getItem("ls-ename");
但是你需要给你的输入一个ID

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