html禁止文本框輸入

 禁止文本框輸入的幾個常用標簽input中有幾個屬性，分別是readonly、disabled、autocomplete，下面還是來看看這幾個標簽的使用。

一、html禁止input文本框輸入

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

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

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

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

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

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

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

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

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

<input style="ime-mode: disabled"> 

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

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

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