這是我的。cshtml代碼

<div class="form-floating mb-3">
     <input asp-for="Code" id="txtCode" class="form-control" autocomplete="off" />               
     <label asp-for="Code" class="control-label"></label>
     <small asp-description-for="Code" class="text-muted"></small>
     <div>
          <span asp-validation-for="Code" class="text-danger"></span>
     </div>
 </div>

這是我的JS函數，用于配置上述文本框的自動完成功能:

<script>

      $(function () {

           var autoCompleteURL = '@Url.Page("MyPage", "Search")' ;

           $("#txtCode").kendoAutoComplete  ({       
                minLength: 3, // you need to type atleast 3 characters
                type: "json",
                dataTextField: "code",  
                dataSource: {
                    transport: {
                        read: autoCompleteURL,
                        parameterMap: function (data) {
                            return {
                                filterValue: $("#txtCode").val()
                            };
                        }
                },

                serverFiltering: true,
                serverPaging: true,
                pageSize: 10 // maximum list size in autocomplete ,               

             }

           });
        });

    </script>

但是我的txtCode現在出現了一個內部文本框。我怎樣才能從我的主文本框中去掉內部的文本框呢？

我已經附上了它現在是什么樣子的截圖。

謝了。