css設定text不可編輯的方法：1、透過「οnfοcus=this.blur()」方法設定text不可編輯；2、使用readonly屬性設定輸入欄位為唯讀；3、使用disabled屬性設定停用input元素即可。
本教學操作環境：windows7系統、HTML5&&CSS3版本、Dell G3電腦。
推薦：css影片教學
設定text不可編輯的方法
方法1： οnfοcus=this.blur( ) 當滑鼠放不上就離開焦點
<input type="text" name="input1" value="（）" onfocus=this.blur()>
方法2：使用readonly屬性
透過readonly屬性規定輸入欄位為唯讀實作不可編輯：
<html> <body> <form action="/example/html/form_action.asp" method="get"> <p>Name:<input type="text" name="email" /></p> <p>Country:<input type="text" name="country" value="China" readonly="true" /></p> <input type="submit" value="Submit" /> </form> </body> </html>
效果圖：
方法3：使用disabled屬性
透過disabled屬性規定應該停用input元素實作不可編輯
說明：
disabled 屬性：
disabled 屬性規定應該停用input元素。
被停用的 input 元素既不可用，也不可點選。可以設定 disabled 屬性，直到滿足某些其他的條件為止（例如選擇了一個複選框等等）。然後，就需要透過 JavaScript 來刪除 disabled 值，將 input 元素的值切換為可用。
readonly 屬性：
readonly 屬性規定輸入欄位為唯讀。
只讀欄位是不能修改的。不過，使用者仍然可以使用 tab 鍵切換到該字段，也可以選取或拷貝其文字。
readonly 屬性可以防止使用者對值進行修改，直到滿足某些條件為止（例如選取了一個複選框）。然後，需要使用 JavaScript 消除 readonly 值，將輸入欄位切換到可編輯狀態。
readonly 屬性可與 或 搭配使用。
以上是css怎麼設定text不可編輯的詳細內容。更多資訊請關注PHP中文網其他相關文章！
我們如何標記Google字體並創建Goofonts.comApr 12, 2025 pm 12:02 PMGoofonts是由開發人員和設計師丈夫簽名的附帶項目，它們都是版式的忠實擁護者。我們一直在標記Google
使用JavaScript API練習GraphQl查詢Apr 12, 2025 am 11:33 AM學習如何構建GraphQL API可能具有挑戰性。但是您可以學習如何在10分鐘內使用GraphQL API！碰巧的是，我得到了完美的
將類型設置在圓上...帶偏移路徑Apr 12, 2025 am 11:00 AM這裡是Yuanchuan的一些合法CSS騙局。有此CSS屬性偏移路徑。曾幾何時，它被稱為Motion-Path，然後被更名。我
熱AI工具
Undresser.AI Undress
人工智慧驅動的應用程序，用於創建逼真的裸體照片
AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。
Undress AI Tool
免費脫衣圖片
Clothoff.io
AI脫衣器
AI Hentai Generator
免費產生 AI 無盡。
熱門文章
熱工具
MinGW - Minimalist GNU for Windows
這個專案正在遷移到osdn.net/projects/mingw的過程中，你可以繼續在那裡關注我們。 MinGW：GNU編譯器集合（GCC）的本機Windows移植版本，可自由分發的導入函式庫和用於建置本機Windows應用程式的頭檔；包括對MSVC執行時間的擴展，以支援C99功能。 MinGW的所有軟體都可以在64位元Windows平台上運作。
SAP NetWeaver Server Adapter for Eclipse
將Eclipse與SAP NetWeaver應用伺服器整合。
記事本++7.3.1
好用且免費的程式碼編輯器
Dreamweaver Mac版
視覺化網頁開發工具
SublimeText3 Linux新版
SublimeText3 Linux最新版
