blocks|key|1738844|text|在大多数浏览器中，通过为输入指定名称，可以使浏览器显示以前在输入字段中输入的值。例如：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1738845|<input+type="text"+id="firstName"+placeholder="First+name"+name="firstName"+>|code-block|syntax|javascript|1738846|如果字段没有name属性，浏览器将不会显示建议。|1738847|还要检查javascript是否阻止了提交时的默认操作。|1738848|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|N|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|O|8|@]|9|@]|A|$]]|$1|I|3|J|5|6|7|P|8|@]|9|@]|A|$]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

<p>In most browsers, you can make your browser display values previously entered in input fields by giving a name to the input. For example:</p>

<pre><code>&lt;input type="text" id="firstName" placeholder="First name" name="firstName" &gt;
</code></pre>

<p>If the field has no name attribute, the browser won't show suggestions.</p>

<p>Also check if javascript prevents the default action on submit.</p>


blocks|key|1738862|text|我也有同样的问题。对我来说，是在用ASP.NET+MVC开发的时候。不管怎么说，我不得不做的解决方案是一系列事情的组合：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1738863|1738864|在我的输入标记中定义了|ordered-list-item|1738865|属性|1738866|在我的输入标记中具有autocomplete="on"+|offset|length|style|CODE|1738867|将按钮标记更改为type="submit"标记|1738868|将我的所有输入控件包含在<form>标记|1738869|中|1738870|entityMap^0|0|0|0|0|A|H|0|8|D|0|C|6|0|0^^$0|@$1|2|3|4|5|6|7|V|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|W|8|@]|9|@]|A|$]]|$1|C|3|D|5|E|7|X|8|@]|9|@]|A|$]]|$1|F|3|G|5|6|7|Y|8|@]|9|@]|A|$]]|$1|H|3|I|5|E|7|Z|8|@$J|10|K|11|L|M]]|9|@]|A|$]]|$1|N|3|O|5|E|7|12|8|@$J|13|K|14|L|M]]|9|@]|A|$]]|$1|P|3|Q|5|E|7|15|8|@$J|16|K|17|L|M]]|9|@]|A|$]]|$1|R|3|S|5|6|7|18|8|@]|9|@]|A|$]]|$1|T|3|-4|5|6|7|19|8|@]|9|@]|A|$]]]|U|$]]

<p>I had the same problem.  For me, it was when developing in ASP.NET MVC. Anyway, the solution I had to make was a combination of things:</p>

<ol>
<li><p>Having the name attribute defined in my input tags</p></li>
<li><p>Having <code>autocomplete="on"</code> in my input tags</p></li>
<li><p>Changing the button tag to be a <code>type="submit"</code> tag</p></li>
<li><p>Enclosing all my input controls in a <code>&lt;form&gt;</code> tag</p></li>
</ol>


blocks|key|2237858|text|根据浏览器和用户隐私设置和排序的不同，它可能会有所不同，默认情况下它应该是打开的，但请尝试将autocomplete="on"添加到您的输入标记中。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|2237859|entityMap^0|1A|H|0^^$0|@$1|2|3|4|5|6|7|H|8|@$9|I|A|J|B|C]]|D|@]|E|$]]|$1|F|3|-4|5|6|7|K|8|@]|D|@]|E|$]]]|G|$]]

<p>It may vary depending on the browser and user privacy settings and sorts, and it should be on by default, but try adding <code>autocomplete="on"</code> to your input tag.</p>


blocks|key|4350118|text|一些浏览器坚决拒绝记住输入，直到我通过(Ab)使用localStorage“手动记住它”...这对我很有效：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4350119|++++{
++++++++//+hack+to+remember+last+error+id+on+page+refresh
++++++++//+can't+believe+i+have+to+do+this,+but+my+browser+don't+want+to+remember+it+itself,+
++++++++//+...+not+sure+why
++++++++let+errorid_element=document.querySelector("#errorlog_id");
++++++++let+rememberHack=function(){
++++++++++++localStorage.setItem("last_id_remember_hack",errorid_element.value);
++++++++};
++++++++errorid_element.addEventListener("input",rememberHack);
++++++++errorid_element.addEventListener("change",rememberHack);
++++++++errorid_element.value+=+localStorage.getItem("last_id_remember_hack");
++++}|code-block|syntax|javascript|4350120|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

<p>some browsers adamantly refused to remember an input until i &quot;remembered it manually&quot; via (ab)using localStorage... this worked for me:</p>
<pre class="lang-js prettyprint-override"><code>    {
        // hack to remember last error id on page refresh
        // can't believe i have to do this, but my browser don't want to remember it itself, 
        // ... not sure why
        let errorid_element=document.querySelector(&quot;#errorlog_id&quot;);
        let rememberHack=function(){
            localStorage.setItem(&quot;last_id_remember_hack&quot;,errorid_element.value);
        };
        errorid_element.addEventListener(&quot;input&quot;,rememberHack);
        errorid_element.addEventListener(&quot;change&quot;,rememberHack);
        errorid_element.value = localStorage.getItem(&quot;last_id_remember_hack&quot;);
    }
</code></pre>


blocks|key|2237972|text|在bootstrap中，您需要填写for='‘字段|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2237973|示例：|2237974|++++<div+class="custom-control+custom-checkbox+checkbox-lg">
++++++<input+type="checkbox"+class="custom-control-input"+id="TER"+value="TER">
++++++<label+class="custom-control-label"+for="TER">Land/Lot</label>
++++</div>|code-block|syntax|javascript|2237975|%5E请注意的和id的值如何匹配|offset|length|style|BOLD|2237976|entityMap^0|0|0|0|5|9|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|R|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|S|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|T|8|@$K|U|L|V|M|N]]|9|@]|A|$]]|$1|O|3|-4|5|6|7|W|8|@]|9|@]|A|$]]]|P|$]]

<p>In bootstrap you would fill up the for='' field</p>
<p>Example:</p>
<pre><code>    &lt;div class=&quot;custom-control custom-checkbox checkbox-lg&quot;&gt;
      &lt;input type=&quot;checkbox&quot; class=&quot;custom-control-input&quot; id=&quot;TER&quot; value=&quot;TER&quot;&gt;
      &lt;label class=&quot;custom-control-label&quot; for=&quot;TER&quot;&gt;Land/Lot&lt;/label&gt;
    &lt;/div&gt;
</code></pre>
<p>^ Notice how <strong>for</strong> and <strong>id</strong> values match</p>


blocks|key|4350196|text|如果您使用的是React|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4350197|在任何提交按钮上，|4350198|都会在<form>|unordered-list-item|offset|length|style|CODE|4350199|prevent默认表单操作|4350200|4350201|+type="submit"中为每个输入指定一个名称，但不要包含onClick。让onSubmit回调来处理这个问题。|4350202|4350203|现在，按enter或单击该按钮将记住输入的值。|4350204|<form+onSubmit={(e)+=>+{
++++++++e.preventDefault();+//+prevent+new+page+from+being+opened
++++++++//+do+something+with+input+data
+++++}
}>
++++<input+name="myInput"+...+/>
++++<button+type="submit"+...+/>
</form>|code-block|syntax|javascript|4350205|https://reactjs.org/docs/forms.html|4350206|entityMap|0|LINK|mutability|MUTABLE|url^0|0|0|3|6|0|0|0|1|D|W|7|15|8|0|0|0|0|0|Z|0|0^^$0|@$1|2|3|4|5|6|7|16|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|17|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|18|8|@$G|19|H|1A|I|J]]|9|@]|A|$]]|$1|K|3|L|5|F|7|1B|8|@]|9|@]|A|$]]|$1|M|3|-4|5|F|7|1C|8|@]|9|@]|A|$]]|$1|N|3|O|5|F|7|1D|8|@$G|1E|H|1F|I|J]|$G|1G|H|1H|I|J]|$G|1I|H|1J|I|J]]|9|@]|A|$]]|$1|P|3|-4|5|6|7|1K|8|@]|9|@]|A|$]]|$1|Q|3|R|5|6|7|1L|8|@]|9|@]|A|$]]|$1|S|3|T|5|U|7|1M|8|@]|9|@]|A|$V|W]]|$1|X|3|Y|5|6|7|1N|8|@]|9|@$G|1O|H|1P|1|1Q]]|A|$]]|$1|Z|3|-4|5|6|7|1R|8|@]|9|@]|A|$]]]|10|$11|$5|12|13|14|A|$15|Y]]]]

<p>If you are using React</p>
<ul>
<li>give each input a name</li>
<li>wrap in <code>&lt;form&gt;</code></li>
<li>prevent default form action</li>
<li>add <code>type=&quot;submit&quot;</code> on any submission buttons, and do not include <code>onClick</code>. Let the <code>onSubmit</code> callback handle that.</li>
</ul>
<p>Now hitting enter or clicking the button will remember the value entered.</p>
<pre><code>&lt;form onSubmit={(e) =&gt; {
        e.preventDefault(); // prevent new page from being opened
        // do something with input data
     }
}&gt;
    &lt;input name=&quot;myInput&quot; ... /&gt;
    &lt;button type=&quot;submit&quot; ... /&gt;
&lt;/form&gt;
</code></pre>
<p><a href="https://reactjs.org/docs/forms.html" rel="nofollow noreferrer">https://reactjs.org/docs/forms.html</a></p>


blocks|key|1738837|text|你可以试试autocomplete="on"|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1738838|<input+type="text"+id="firstName"+placeholder="First+name"+autocomplete="on"+/>|code-block|syntax|javascript|1738839|entityMap^0|5|H|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@$9|N|A|O|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|P|8|@]|D|@]|E|$I|J]]|$1|K|3|-4|5|6|7|Q|8|@]|D|@]|E|$]]]|L|$]]

<p>You may try <code>autocomplete="on"</code></p>

<pre><code>&lt;input type="text" id="firstName" placeholder="First name" autocomplete="on" /&gt;
</code></pre>


blocks|key|2237904|text|将属性autocomplete="off"添加到您的输入。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|2237905|entityMap^0|3|I|0^^$0|@$1|2|3|4|5|6|7|H|8|@$9|I|A|J|B|C]]|D|@]|E|$]]|$1|F|3|-4|5|6|7|K|8|@]|D|@]|E|$]]]|G|$]]

<p>Add attribute <code>autocomplete="off"</code> to your input.</p>


<p>My text inputs seem not to remember values that have been typed before. For example, many websites that I don't even have an account on, but have, for example entered my email address before (buying a train ticket as a "guest") give me a sort of dropdown with email addresses I've used in the past. Yet my form does not do this. It obliges me to type it out completely every time. It seems to be the opposite of <a href="https://stackoverflow.com/questions/13607378/input-text-without-previously-entered-value">this question</a>...</p>

<p>I have simple inputs like <code>&lt;input type="text" id="firstName" placeholder="First name" /&gt;</code></p>

<p>And they are submitted with simple a jQuery Ajax post. Something like <a href="http://jsbin.com/utepax/2/edit" rel="noreferrer">this</a>. However the Ajax isn't working on jsbin on that example, I just show it to demonstrate my basic structure. Is there a jQuery plugin for this? Is there a way I can control this seemingly browser-driven behavior?</p>


Make text input fields remember previously entered data

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

我的文本输入似乎不记得以前输入过的值。例如，许多我甚至没有账户的网站，例如，以前输入过我的电子邮件地址(以“访客”身份购买火车票)给我的下拉列表中有我过去使用过的电子邮件地址。然而，我的表单不能做到这一点。它迫使我每次都要把它完整地打出来。它似乎是的对立面...我有像<input type="text" id="firstName" placeholder="First name" />这样的简单

问使文本输入字段记住以前输入的数据
EN

回答 8

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问使文本输入字段记住以前输入的数据EN

回答 8

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问使文本输入字段记住以前输入的数据
EN