blocks|key|4639498|text|您可以尝试这样做：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4639499|如果你能使用JavaScript和jQuery，你可以把这个放在html的load上(body+onload)：|4639500|$('#theform+input').val('');|code-block|syntax|javascript|4639501|这个问题类似于这个：Is+autocomplete="off"+compatible+with+all+modern+browsers?|offset|length|4639502|有些浏览器不再支持autocomplete="off"|style|CODE|4639503|entityMap|0|LINK|mutability|MUTABLE|url|https://stackoverflow.com/questions/3868299/is-autocomplete-off-compatible-with-all-modern-browsers^0|0|0|0|A|1M|0|0|9|I|0^^$0|@$1|2|3|4|5|6|7|Y|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|Z|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|10|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|11|8|@]|9|@$K|12|L|13|1|14]]|A|$]]|$1|M|3|N|5|6|7|15|8|@$K|16|L|17|O|P]]|9|@]|A|$]]|$1|Q|3|-4|5|6|7|18|8|@]|9|@]|A|$]]]|R|$S|$5|T|U|V|A|$W|X]]]]

<p>You can try this:</p>

<p>If you're able to use JavaScript and jQuery, you can place this on load of the html (body onload):</p>

<pre><code>$('#theform input').val('');
</code></pre>

<p>This question is similar like this: <a href="https://stackoverflow.com/questions/3868299/is-autocomplete-off-compatible-with-all-modern-browsers">Is autocomplete=&quot;off&quot; compatible with all modern browsers?</a></p>

<p>There are browsers that no longer supports <code>autocomplete="off"</code></p>


blocks|key|4639526|text|您可以使用以下javascript代码：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4639527|if+(document.getElementsByTagName)+{

var+inputElements+=+document.getElementsByTagName(“input”);

for+(i=0;+inputElements[i];+i%2B%2B)+{

if+(inputElements[i].className+&&+(inputElements[i].className.indexOf(“disableAutoComplete”)+!=+-1))+{

inputElements[i].setAttribute(“autocomplete”,”off”);

}

}

}|code-block|syntax|javascript|4639528|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>You can use this javascript code:</p>

<pre><code>if (document.getElementsByTagName) {

var inputElements = document.getElementsByTagName(“input”);

for (i=0; inputElements[i]; i++) {

if (inputElements[i].className &amp;&amp; (inputElements[i].className.indexOf(“disableAutoComplete”) != -1)) {

inputElements[i].setAttribute(“autocomplete”,”off”);

}

}

}
</code></pre>


blocks|key|4639650|text|我试了所有的方法，让它正常工作，然后一个新版本的Safari再次破坏了我的网站。我即将尝试额外的表单字段(谢谢Skurpi)。同时，这是我的新解决方案(用PHP)|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4639651|if(strpos($_SERVER['HTTP_USER_AGENT'],'Safari')+!==+false)
{
?>
++++<div+style="background:#ffff66;border:1px+solid+#ff9900;font-size:1.5em;padding:1em;">
++++++++The+Safari+browser+has+a+known+bug:+autocomplete+replaces+required+data+in+our+form+with+incorrect+values.+Unfortunately+this+may+prevent+you+from+adding+products+to+the+shopping+cart.+<br+/><br+/>Please+try+a+different+browser+or+go+to+your+browser+settings+and+turn+off+autocomplete+and+refresh+the+page.
++++</div>
<?php
}|code-block|syntax|javascript|4639652|如果有足够多的网站这样做，也许Safari团队会得到一个提示，并修复他们的浏览器，使其服从autocomplete=的“关闭”属性。|4639653|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|L|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

<p>I tried everything, got it working, and then a later version of Safari broke my website again.  I am about to try the extra form fields (thanks Skurpi).  In the mean time, here is my new solution (in PHP)</p>

<pre><code>if(strpos($_SERVER['HTTP_USER_AGENT'],'Safari') !== false)
{
?&gt;
    &lt;div style="background:#ffff66;border:1px solid #ff9900;font-size:1.5em;padding:1em;"&gt;
        The Safari browser has a known bug: autocomplete replaces required data in our form with incorrect values. Unfortunately this may prevent you from adding products to the shopping cart. &lt;br /&gt;&lt;br /&gt;Please try a different browser or go to your browser settings and turn off autocomplete and refresh the page.
    &lt;/div&gt;
&lt;?php
}
</code></pre>

<p>If enough websites do this, maybe the Safari team will get a hint and fix their browser to obey the autocomplete="off" attribute.</p>


blocks|key|133185|text|我采用了@Skurpi提出的douchebag_safari方法的简化变体。它只是HTML，放在我的表单底部。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|133186|
<div+class="douchebag_safari"+style="left:+-9999px;+position:+fixed;+width:+1px;">
++++<input+type="password">
</div>|code-block|syntax|javascript|133187|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>I went with a simplified variation of the douchebag_safari approach that @Skurpi came up with. It's HTML only and goes at the bottom of my form.</p>

<pre><code>&lt;!-- http://stackoverflow.com/questions/22817801/how-to-disable-auto-fill-in-safari-7 --&gt;
&lt;div class="douchebag_safari" style="left: -9999px; position: fixed; width: 1px;"&gt;
    &lt;input type="password"&gt;
&lt;/div&gt;
</code></pre>


blocks|key|4639775|text|我采用了一个更简单的解决方案，它适合管理员维护用户帐户并偶尔设置他们的密码的情况，那就是简单地将用户的密码输入类型更改为：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4639776|<input+type="text"+name="password"+/>|offset|length|style|CODE|4639777|简单但有效。|4639778|entityMap^0|0|0|11|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|M|8|@$D|N|E|O|F|G]]|9|@]|A|$]]|$1|H|3|I|5|6|7|P|8|@]|9|@]|A|$]]|$1|J|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|K|$]]

<p>I've adopted a simpler solution which suits us where there are admins maintaining user accounts and occasionally setting their password, and that is simply to change the user's password input type to be:</p>

<p><code>&lt;input type="text" name="password" /&gt;</code></p>

<p>Simple but effective.</p>


blocks|key|4639931|text|有相同的问题，并尝试了前面提到的两个仅HTML+/+CSS解决方案。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4639932|它们不适用于我(或Safari9.0.3+:)+)，所以我实现了这样的解决方案|4639933|<div+style="overflow:+hidden;width:+0px;height:+0px;">
++<input+id="password"+type="password"+name="password"+/>
</div>|code-block|syntax|javascript|4639934|在实际表单输入字段的顶部。|4639935|在OS+X+El+Capitan上运行的Safari、Firefox+(44.0.2)和Chrome+(48.0.2564.109)上进行了测试。|4639936|entityMap^0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|P|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|Q|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|R|8|@]|9|@]|A|$]]|$1|K|3|L|5|6|7|S|8|@]|9|@]|A|$]]|$1|M|3|-4|5|6|7|T|8|@]|9|@]|A|$]]]|N|$]]

<p>Had the same issue and tried the first two HTML / CSS only solutions mentioned.</p>

<p>They did not work for me (or Safari 9.0.3 :) ) so I implemented a solution like this</p>

<pre><code>&lt;div style="overflow: hidden;width: 0px;height: 0px;"&gt;
  &lt;input id="password" type="password" name="password" /&gt;
&lt;/div&gt;
</code></pre>

<p>on top of the actual form input fields.</p>

<p>Tested on Safari, Firefox (44.0.2) and Chrome (48.0.2564.109) running on OS X El Capitan.</p>


blocks|key|4639978|text|我使用了一个随机数并将其合并到每个字段名称中，以便浏览器无法识别该字段的名称。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4639979|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

<p>I used a random number and incorporated it into each field name so that the browser never recognized the name of the field.</p>


<p>I'm trying to find a way to make Safari 7 (tested with version 7.0.2, 7.0.3) respect the autocomplete="off" attributes. No matter what I try, it continues to auto-fill.</p>

<p>This is a problem for one of our admin pages where we set up new users. Our users keep saving over with their own username/password.</p>

<p>Here's an abbreviated version of the form we're using. I've tried renaming the fields to "xxu" and "xxp" but the autofill seems to read the label caption. I've fooled with various different labels but it still somehow triggers the auto-fill.</p>

<pre><code>&lt;form novalidate autocomplete="off"&gt;
     &lt;div class="control-group"&gt;
          &lt;label class="control-label"&gt;Username&lt;/label&gt;
          &lt;div class="controls"&gt;
               &lt;input type="text" name="xxu" autocomplete="off" required="required"&gt;
        &lt;/div&gt;
     &lt;/div&gt;
     &lt;div class="control-group"&gt;
          &lt;label class="control-label"&gt;Username&lt;/label&gt;
          &lt;div class="controls"&gt;
               &lt;input type="password" name="xxp" autocomplete="off" required="required"&gt;
        &lt;/div&gt;
     &lt;/div&gt;
&lt;/form&gt;
</code></pre>

<p>I found this article on Apple's site that describes this problem. <a href="https://discussions.apple.com/message/25080203#25080203">https://discussions.apple.com/message/25080203#25080203</a></p>

<p>Does anyone know of any other method for disabling auto-fill for a form in Safari 7? (Agh, this is the kind of thing we'd expect from IE)</p>

<p>Thanks for the help.</p>


How to disable auto-fill in Safari 7

jQuery

我正在尝试找到一种方法，让Safari7(在7.0.2，7.0.3版本中测试过)遵守autocomplete=的“off”属性。无论我怎么尝试，它都会继续自动填充。这对于我们设置新用户的一个管理页面来说是一个问题。我们的用户一直使用自己的用户名/密码进行保存。这是我们正在使用的表单的缩写版本。我尝试将字段重命名为"xx...

问如何在Safari 7中禁用自动填充
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在Safari 7中禁用自动填充EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在Safari 7中禁用自动填充
EN