禁止input文本框輸入 html禁止文本框輸入

在進(jìn)行程序代碼編寫的時(shí)候，都會(huì)遇到各種各樣的問題。假如需要對(duì)文本實(shí)現(xiàn)禁止輸入的代碼編寫，那么該如何實(shí)現(xiàn)呢？下面就讓學(xué)無憂來教大家如何禁止input文本框輸入的代碼編寫。其中就包括html禁止文本框輸入及css禁止文本框輸入，下面就一起來看看。

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

一、html禁止input文本框輸入

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

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

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

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

disabled 屬性規(guī)定應(yīng)該禁用 input 元素。被禁用的 input 元素既不可用，也不可點(diǎn)擊，也是不能選擇?？梢栽O(shè)置 disabled 屬性，直到滿足某些其他的條件為止（比如選擇了一個(gè)復(fù)選框等等）。當(dāng)然，我們也可以就需要通過 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這個(gè)屬性，其實(shí)這個(gè)屬性也是可以這里就運(yùn)用到讓文本框禁止輸入上。具體代碼如下：

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

autocomplete解釋：input 的屬性autocomplete 默認(rèn)為on。其含義代表是否讓瀏覽器自動(dòng)記錄之前輸入的值。很多時(shí)候，需要對(duì)客戶的資料進(jìn)行保密，防止瀏覽器軟件或者惡意插件獲取到?？梢栽趇nput中加入autocomplete="off" 來關(guān)閉記錄，所以說如果是不讓input輸入或者對(duì)系統(tǒng)需要保密的情況下可以使用此參數(shù)。

如果還有疑問可以反饋的學(xué)無憂，或者去參考學(xué)無憂的html、div+css及w3c的html教程，希望能幫到你。