設置表單input文本框不可編輯的方法-創(chuàng)新互聯(lián)

小編給大家分享一下設置表單input文本框不可編輯的方法，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

湄潭網(wǎng)站建設公司創(chuàng)新互聯(lián),湄潭網(wǎng)站設計制作，有大型網(wǎng)站制作公司豐富經(jīng)驗。已為湄潭成百上千提供企業(yè)網(wǎng)站建設服務。企業(yè)網(wǎng)站搭建\外貿(mào)網(wǎng)站建設要多少錢，請找那個售后服務好的湄潭做網(wǎng)站的公司定做！

以input文本框為例來看看效果：

1、onfocus=this.blur()

<input type="text" name="input1" value="創(chuàng)新互聯(lián)建站" onfocus=this.blur()>

可以看出，表單input文本框無法被點擊，不可進行編輯了；里面的文字也無法選擇。

2、readonly屬性

<input type="text" name="input1" value="創(chuàng)新互聯(lián)建站" readonly> 

<input type="text" name="input1" value="創(chuàng)新互聯(lián)建站" readonly="true">

可以看出，表單input文本框無法被點擊，不可進行編輯了。

3、disabled 屬性

<input type="text" name="input1" value="創(chuàng)新互聯(lián)建站" disabled>

注意：

我們不能為所有表單字段或元素設置readonly屬性。<select>，<option>和<button>元素沒有readonly屬性，但它們具有disabled屬性，可以通過設置disabled屬性來實現(xiàn)不可編輯功能。

下面我們來看看readonly屬性和disabled 屬性的區(qū)別是什么？

readonly屬性和disabled 屬性都是表單字段（文本框，標簽，復選框，文本區(qū)域）的不可編輯屬性，下面我們來看看它們的區(qū)別

disabled 屬性----禁用屬性

1、禁用的表單字段或元素值不會發(fā)布到服務器進行處理。

2、禁用的表單字段或元素不會獲得焦點。

3、選項卡導航時會跳過已禁用的表單字段或元素。

4、某些瀏覽器（如IE）為禁用的表單字段或元素提供默認樣式（灰色或浮雕文本）。

readonly屬性----只讀屬性

1、字段或元素的值以只讀形式來發(fā)布到服務器進行處理。

2、只讀表單字段或元素可以獲得焦點。

3、選項卡導航時包含只讀表單字段或元素。

4、某些瀏覽器不為只讀表單字段或元素提供默認樣式。

以上是設置表單input文本框不可編輯的方法的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對大家有所幫助，如果還想學習更多知識，歡迎關(guān)注創(chuàng)新互聯(lián)網(wǎng)站制作公司行業(yè)資訊頻道！

網(wǎng)站題目：設置表單input文本框不可編輯的方法-創(chuàng)新互聯(lián)
當前地址：http://bm7419.com/article34/dschse.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站改版、網(wǎng)站導航、服務器托管、全網(wǎng)營銷推廣、品牌網(wǎng)站制作、網(wǎng)站排名

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)