如何讓html禁止文本框輸入？

禁止文本框輸入的幾個常用標簽input中有幾個屬性，分別是readonly、disabled、autocomplete，下面我們給大家介紹一下html禁止文本框輸入吧!

一、html禁止input文本框輸入

readonly 屬性規定輸入字段為只讀。只讀字段是不能修改的。不過，用戶仍然可以使用tab鍵切換到該字段，還可以選中或拷貝其文本。

<input readonly="readonly" value="xxxx"/>

　　加入type="text屬性的代碼編寫

　　<input type="text" name="www.xxx" readonly="readonly" />

加入type="text屬性的代碼編寫

disabled 屬性規定應該禁用 input 元素。被禁用的 input 元素既不可用，也不可點擊，也是不能選擇。可以設置 disabled 屬性，直到滿足某些其他的條件為止(比如選擇了一個復選框等等)。當然，我們也可以就需要通過 JavaScript 來刪除disabled值，將input元素的值切換為可用。

加入type="text屬性的代碼編寫

二、css屏蔽input不輸入：css的代碼如下

三、前面有涉及到autocomplete這個屬性，其實這個屬性也是可以這裡就運用到讓文本框禁止輸入上。具體代碼如下：

<input type="text" autocomplete="off" id="number"/>

autocomplete解釋：input 的屬性autocomplete 默認為on。其含義代表是否讓浏覽器自動記錄之前輸入的值。很多時候，需要對客戶的資料進行保密，防止浏覽器軟件或者惡意插件獲取到。可以在input中加入autocomplete="off" 來關閉記錄，所以說如果是不讓input輸入或者對系統需要保密的情況下可以使用此參數。

以上就是我們給大家介紹的html禁止文本框輸入的方法了。希望大家繼續關注我們的網站!