html如何設定標籤input文字框為只讀?
html中的input用處很廣泛,尤其是當我們在網頁開發中需要用到表單的時候。這裡我們看看有哪些方法讓input標籤不可編輯。
操作方法
(01)我們建立一個html5頁面,新增如下圖所示input標籤。建立過程我就不說了,Ctrl+n即可,這裡我們建立的是H5的頁面,當然,h4的也行。
(02)然後我們在Dreamweaver中切換為實時檢視。右側頁面預覽中的標籤input中,我們可以看到,滑鼠游標還是可以在上面進行編輯的。
(03)接下來我們把滑鼠游標放到input標籤程式碼中間即可,然後就可以看到Dreamweaver下方出現input標籤的屬性編輯選項了。如下圖,我們把只讀勾選即可。然後我們就可以看到input標籤程式碼裡面出現了一個readonly,這裡我們也可以直接新增這個屬性到程式碼中的。這時候,我們再看,input輸入框已經不能輸入了。
(04)然後我們再看看另一種方式,就是把input設定為禁用,和剛才的只讀一樣,我們勾選禁用即可,如下圖,input輸入框不能進行輸入了。
(05)第三種方式,我們還可以設定輸入框的焦點事件,如下圖,把焦點事件設定成滑鼠模糊動作,就可以讓輸入框獲取不到焦點了,自然就無法編輯了。
(06)最後,我們把整體的幾個方法放到一起看看。如下圖。
特別提示
input輸入框只讀屬性根據需要按不同方法設定
-
手機微信公眾號上的視訊怎麼下載
如果移動裝置的天下,無論是網購,看新聞等等,都在手機上完成,那麼我們在手機版的微信公眾號上看到好的視訊,想下載,怎麼下呢操作方法(01)在微信公眾號上,點選分享,彈出的分享頁面中,我們選擇【傳送到我的電腦】(02)然後在電腦上登入QQ賬號,在【我的裝置】中開啟會話框(03)在我的...
-
HTTP 錯誤 500.22 - Internal Server Error圖解
網站管理員在配置IIS伺服器的時候會出血一系列的報錯無問題,今天給大家分享一個關於iis7HTTP錯誤500.22-InternalServerError的解決辦法操作方法(01)出現如圖錯誤“檢測到在整合的託管管道模式下不適用的ASP.NET設定”,那麼我們應該如何解決呢?繼續向下。(02)第一步,我...
-
Python中如何應用split
我們用python處理字串的時候經常會需要分割字串,這個時候我們會用到split。那麼你真的會用它嗎?下面小編來給大家分享一下split的使用以及注意事項操作方法(01)首先我們在python環境中先來建立一個字串,如下圖所示(02)然後我們呼叫split方法,已冒號作為分隔符,如...
-
linux怎麼解壓zip包
linux怎麼解壓zip包,在linux中,解壓ZIP壓縮包,是相對容易的,使用unzip命令即可操作方法(01)連線到linux遠端主機,並進入zip檔案所在目錄(02)使用LS命令列出目錄中檔案,確認zip檔案的全稱(03)使用unzip命令解壓zip壓縮包(04)inflating,看到該單詞,表明ZIP解壓縮成功了(05)如果不放...