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