如何从输入中删除自动完成功能?

时间:2020-10-14 12:02:37

标签: autocomplete twitter-typeahead

我尝试了autocomplete =“ off”,autocomplete =“ none”,autocomplete =“ /”,autocomplete =“ new-text” 但仍然显示自动完成

浏览器自动完成功能与字体自动完成弹出窗口重叠

我不知道如何删除此自动完成

提前谢谢!

<form name="clientForm" class="kt-form kt-form--label-right" novalidate role="form" autocomplete="new-text">
 <div class="form-group row">
                    <div class="col-lg-3 col-sm-6 col-xs-12 typeahead">
                        <label for="country">Country <span style="color:red">*</span></label><br />
                        
                        <input id="add-c-country" class="form-control" name="country" type="text" dir="ltr" placeholder="Enter Country" autocomplete="new-text" />

                        <div class="form-text text-muted" ng-show="clientForm.country.$touched || clientForm.$submitted"
                             ng-messages="clientForm.country.$error" role="alert">
                            <div class="req-red" ng-message="required">Please Select Country</div>
                        </div>
                    </div>
                </div>
        </form>

我正在使用typeahead.js来自动完成

function applyAutocomplete(id, array,namE) {
            $('input#' + id).typeahead({
                hint: true,
                highlight: true,
                minLength: 1,
                accent: true,
                offset: true
            }, {
                name: namE,
                limit: 100,
                source: substringMatcher(array)
            });
        }
        
        
        
        applyAutocomplete('add-c-country', $ctrl.countryNameList,'country');

enter image description here

1 个答案:

答案 0 :(得分:0)

您能尝试完全删除自动完成参数吗?

赞:

<input id="add-c-country" class="form-control" name="country" type="text" dir="ltr" placeholder="Enter Country" />

阅读已编辑的问题后进行编辑:

您不能使用自己的代码禁用浏览器自动完成功能。那是浏览器特定的设置。 对于chrome,您可以执行以下操作:

  1. 点击Chrome菜单图标。 (屏幕右上方的三行。)
  2. 单击设置。
  3. 在页面底部,单击“显示高级设置”
  4. 在“密码和表单”部分中,取消选中“启用自动填充以一次单击即可填写Web表单”。

希望这可以解决您的问题。

最诚挚的问候。