Windows 10是美國微軟公司研發的跨平臺及設備應用的操作系統。是微軟發布的最后一個獨立Windows版本。Windows 10共有7個發行版本,分別面向不同用戶和設備。2014年10月1日,微軟在舊金山召開新品發布會,對外展示了新一代Windows操作系統,將它命名為“Windows 10”,新系統的名稱跳過了這個數字“9”。截止至2018年3月7日,Windows 10正式版已更新至秋季創意者10.0.16299.309版本,預覽版已更新至春季創意者10.0.17120版本
學習網頁設計的朋友們,相信對Html并不陌生。不過,Html博大精深,因此有很多內容讓網頁設計人員很是困惑,最常見的就是怎么讓Html文本框不可編輯?接下來,小編就以windows10系統為例,分享讓Html文本框不可編輯的方法。
![]()
解決思路:在文本框的內容只作于演示而不允許用戶隨意修改時這樣做就非常有必要。
具體步驟:
方法一:設置readonly屬性為true
復制代碼:
<input type="text" value="readonly" readonly>
<input type="text" value="readonly" readonly>
方法二:設置disabled屬性為true
復制代碼:
<input type="text" value="disabled" disabled>
<input type="text" value="disabled" disabled>
方法三:在對象focus時立刻讓它blur,使它無法獲得焦點
復制代碼:
<input type="text" value="onfocus=this.blur()" onfocus="this.blur()">
<input type="text" value="onfocus=this.blur()" onfocus="this.blur()">
溫馨提示:
readonly和disabled的區別在于后者完全禁止與設置該屬性的對象交互(表現為不可改寫、不可提交等),readonly是可以提交的。
代碼單詞解釋:
1、onfocus 當對象獲得焦點時觸發。
2、focus 使對象得到焦點。
3、onblur 在對象失去輸入焦點時觸發。
4、blur 模糊對象的內容以便使其看起來失去焦點。
win10系統下讓Html文本框不可編輯的方法就為大家介紹到這里了。方法總共有三種,第一、二種是替換屬性,第三種是添加代碼,小編覺得大家可以根據自己的需要選擇一種方法。 Windows 10系統成為了智能手機、PC、平板、Xbox One、物聯網和其他各種辦公設備的心臟,使設備之間提供無縫的操作體驗。 |
溫馨提示:喜歡本站的話,請收藏一下本站!