如何从输入字段中删除“autocomplete disabled”

时间:2016-06-05 12:45:36

标签: html forms flask-wtforms

我有一个字段,用户要求输入一年。我的HTML看起来像这样

<div class="form-group {% if form_search2.year_search.errors %} error {% endif %}" style="padding: 0px;">
    <label class="col-xs-3 col-sm-2 control-label">{{ form_search2.year_search.label }}</label>
    <div class="col-xs-6" style="max-width:320px;display: inline;">
                            {{ form_search2.year_search(class='form-control', style="max-width: 300px;", placeholder="e.g. 1996-2001", autocomplete="on", type="text") }}
    </div>
    <div class="col-xs-3" style="display: inline;">
    </div>
</div>

表格定义为

year_search = TextField("Year:")

当我在浏览器(Chrome)中查看此表单时,我收到了消息

Automatic credit card filling is disabled because this form does not use a secure connection

我怎样摆脱这个? 我有其他字段,这些字段在相同的原因中定义,但它们记住之前输入的内容,并通过建议旧输入来帮助用户。

3 个答案:

答案 0 :(得分:0)

此消息很烦人。对我来说,它出现在一个非常单纯的搜索框中:

<form class="homeform" action="{{ url_for('search_notices') }}" method="get">
        <input type="search" name="q" id='searchbox' placeholder="Search..."/>
        <input type="submit" class="button button-primary" value="Find tenders"/>
</form>

为使其消失,我添加了两个虚拟表单字段:

<form class="homeform" action="{{ url_for('search_notices') }}" method="get">
        <input type="search" name="q" id='searchbox' placeholder="Search..."/>
        <input name="chrome-autofill-dummy1" style='display:none' disabled/>
        <input name="chrome-autofill-dummy2" style='display:none' disabled/>
        <input type="submit" class="button button-primary" value="Find tenders"/>
</form>

虚拟字段将表单上的字段总数增加到三个,这可以通过阅读google票证上的注释来阻止触发警告。这些字段被标记为“隐藏加禁用”,因此它们不会被提交到服务器。

我发现解决该问题的另一种方法是将参数名称从q更改为query,但这会在服务器上引起更多问题。

希望这是一个临时修复程序,直到我升级到https或Chrome删除烦人的消息为止。

答案 1 :(得分:0)

将您的字段名称或字段ID更改为其他名称。 Google以某种方式将Year检测为信用卡字段,并帮助您自动填写。

答案 2 :(得分:0)

将页面链接从WebView更改为WebView。就这样。 例如http将不起作用。 https将起作用 您可以在此处获取示例代码:https://www.journaldev.com/15729/android-webview-bookmarks