學(xué)習(xí)網(wǎng)頁設(shè)計(jì)的朋友們,相信對Html并不陌生。不過,Html博大精深,因此有很多內(nèi)容讓網(wǎng)頁設(shè)計(jì)人員很是困惑,最常見的就是怎么讓Html文本框不可編輯?接下來,小編就以windows10系統(tǒng)為例,分享讓Html文本框不可編輯的方法。 解決思路:在文本框的內(nèi)容只作于演示而不允許用戶隨意修改時(shí)這樣做就非常有必要。 具體步驟: 方法一:設(shè)置readonly屬性為true 復(fù)制代碼: 方法二:設(shè)置disabled屬性為true 復(fù)制代碼: 方法三:在對象focus時(shí)立刻讓它blur,使它無法獲得焦點(diǎn) 復(fù)制代碼: 溫馨提示: readonly和disabled的區(qū)別在于后者完全禁止與設(shè)置該屬性的對象交互(表現(xiàn)為不可改寫、不可提交等),readonly是可以提交的。 代碼單詞解釋: 1、onfocus 當(dāng)對象獲得焦點(diǎn)時(shí)觸發(fā)。 2、focus 使對象得到焦點(diǎn)。 3、onblur 在對象失去輸入焦點(diǎn)時(shí)觸發(fā)。 4、blur 模糊對象的內(nèi)容以便使其看起來失去焦點(diǎn)。 win10系統(tǒng)下讓Html文本框不可編輯的方法就為大家介紹到這里了。方法總共有三種,第一、二種是替換屬性,第三種是添加代碼,小編覺得大家可以根據(jù)自己的需要選擇一種方法。
申請創(chuàng)業(yè)報(bào)道,分享創(chuàng)業(yè)好點(diǎn)子。點(diǎn)擊此處,共同探討創(chuàng)業(yè)新機(jī)遇!