Question

我正在使用localStorage，我可以在上一页存储并在此页面中进行检索。（使用警报检查）。

name12=localStorage.getItem("content");

现在我的要求是将它显示在输入字段中并使其不可编辑。

请帮帮我。我尝试了不同的东西，但我无法做到。

在输入标记

中使用onblur="localStorage.setItem(this.name, this.value)

并尝试使用

if name_2.value = name12; in script tag

Answer 1

要使字段不可编辑，可以在输入字段上禁用html属性。 http://www.w3schools.com/tags/att_input_disabled.asp

要为字段设置默认值，可以使用html属性值。在你的情况下，因为值是动态的，你可能想要不想在html中内联。一种可能的解决方案是通过javascript设置value属性，如下所示。

<script type="text/javascript">
    var name2 = document.getElementById("name_2");
    name2.value = localStorage.getItem("content");;
</script>

Set the value of an input field

Answer 2

有很多地方可以找到这些信息。当你遇到困难时，请尝试阅读jquery文档。例如，这是一个描述how to set the value of an input element的页面。 StackOverflow也有很多关于这个主题的问题。快速谷歌搜索会显示this question about setting the value of input elements。我们还可以轻松找到关于禁用输入元素的SO问题，例如this one。

我鼓励您在提出问题之前尝试使用更多资源来找到所需内容。

根据我链接的问题的答案，我们可以设置输入然后禁用它以防止值更改：

$('#input').val(name12);
$('#input').prop('disabled', true);

Answer 3

您必须使用javascript将值分配给输入。

＆＃13;

<input username" id="name_2" type="text" placeholder="name" name="name_2" required="required" autofocus="autofocus">
<script>
    var n = "5"; // read from storage here
    var inpt = document.getElementById("name_2");
    inpt.value = n;
    inpt.disabled = true;
</script>

＆＃13;

将从localstorage检索的值插入输入字段

3 个答案: