禁用input文字輸入框的自動提示功能

2022-04-03 03:03:32 字數 2169 閱讀 6180

文字輸入框的自動提示功能在瀏覽器中模式是開啟的。有時候我們並不需要自動提示功能,例如需要使用者自己再次輸入而非自動完成。在ie中可以使用工具-內容-自動完成選項進行設定。

將input元素的autocomplete屬性設定為off可以關閉自動提示

<

input 

type

="text"

name

="name"

autocomplete

="off"

>

如果所有表單元素都不想使用自動提示功能,只需在表單form上設定autocomplete=off。

<

form 

autocomplete

="off"

>

<

input 

type

="text"

name

="name"

>

<

input 

type

="text"

name

="password"

>

form

>

此外,asp.net textbox控制項也提供了 autocompletetype 屬性,提供了加強版的autocomplete。不僅可以開啟和關閉自動提示,還可以按型別自動提示。只要將textbox的autocompletetype設定為「disable」後,自動完成提示便完全不會出現了。

<

asp:textbox 

id="txtusername"

runat

="server"

autocompletetype

="disabled"

width

="150px"

>

asp:textbox

><

autocompletetype是乙個列舉型別,其所有支援專案如下:

成員名稱

說明businesscity

辦公位址所在城市類別。

businesscountryregion

辦公位址所在國家/地區類別。

businessfax

辦公位址的傳真號碼類別。

businessphone

辦公位址的**號碼類別。

businessstate

辦公位址所在州類別。

businessstreetaddress

辦公位址所在街道類別。

businessurl

業務**的 url 類別。

businesszipcode

cellular

移動**號碼類別。

company

企業名稱類別。

department

企業內的部門類別。

disabled

為 textbox 控制項禁用自動完成功能。

displayname

為該使用者顯示的名稱類別。

email

使用者的電子郵件位址類別。

firstname

使用者名稱類別。

gender

使用者性別類別。

homecity

家庭位址所在城市類別。

homecountryregion

家庭位址所在國家/地區類別。

homefax

家庭位址的傳真號碼類別。

homepage

**的 url 類別。

homephone

家庭位址的**號碼類別。

homestate

家庭位址所在州類別。

homestreetaddress

家庭位址所在街道類別。

homezipcode

jobtitle

使用者的職務類別。

lastname

使用者的姓氏類別。

middlename

使用者的中名類別。

none

無任何類別與 textbox 控制項相關聯。具有相同 id 的所有 textbox 控制項都共享同一值列表。

notes

要包含在窗體類別中的任何補充資訊。

office

業務辦公室所在位置類別。

pager

尋呼機號碼類別。

search

用於搜尋網頁或**的關鍵字類別。

關閉input文字輸入框的自動提示功能

文字輸入框的自動提示功能在瀏覽器中模式是開啟的。有時候我們並不需要自動提示功能,例如需要使用者自己再次輸入而非自動完成。在ie中可以使用工具 內容 自動完成選項進行設定。將input元素的autocomplete屬性設定為off可以關閉自動提示 如果所有表單元素都不想使用自動提示功能,只需在表單fo...

input輸入框自動消除空格

今天遇到了乙個問題,使用者在在前端的input裡面輸入id的時候,多寫了個空格,資料庫裡面就找不到id了,所以無法獲取輸入的id所繫結的標籤位置在 現在需要在前端做乙個處理,input框輸入的數值裡面,會自動消除空格。示例 資產編號 這段 的作用 onkeyup this.value this.va...

input輸入框自動消除空格

今天遇到了乙個問題,使用者在在前端的input裡面輸入id的時候,多寫了個空格,資料庫裡面就找不到id了,所以無法獲取輸入的id所繫結的標籤位置在 現在需要在前端做乙個處理,input框輸入的數值裡面,會自動消除空格。示例 資產編號 這段 的作用 onkeyup this.value this.va...