小編給大家分享一下css中如何將文本框設(shè)置為只讀，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

成都創(chuàng)新互聯(lián)是專業(yè)的惠安網(wǎng)站建設(shè)公司，惠安接單;提供網(wǎng)站設(shè)計(jì)、成都網(wǎng)站設(shè)計(jì),網(wǎng)頁(yè)設(shè)計(jì),網(wǎng)站設(shè)計(jì),建網(wǎng)站,PHP網(wǎng)站建設(shè)等專業(yè)做網(wǎng)站服務(wù);采用PHP框架,可快速的進(jìn)行惠安網(wǎng)站開(kāi)發(fā)網(wǎng)頁(yè)制作和功能擴(kuò)展;專業(yè)做搜索引擎喜愛(ài)的網(wǎng)站,專業(yè)的做網(wǎng)站團(tuán)隊(duì),希望更多企業(yè)前來(lái)合作!

css將文本框設(shè)置為只讀的方法是，在input文本框中添加readonly屬性即可。readonly屬性是一個(gè)布爾屬性，該屬性用來(lái)規(guī)定輸入字段是只讀的。

本文操作環(huán)境：windows10系統(tǒng)、css 3、thinkpad t480電腦。

readonly屬性是HTML中的一個(gè)布爾屬性，該屬性用來(lái)規(guī)定輸入字段是只讀的。

我們知道只讀字段是不能修改的，但是用戶仍然可以使用 tab 鍵切換到該字段，還可以選中或拷貝其文本。

readonly 屬性可以防止用戶對(duì)值進(jìn)行修改，直到滿足某些條件為止（比如選中了一個(gè)復(fù)選框）。然后，需要使用 JavaScript 消除 readonly 值，將輸入字段切換到可編輯狀態(tài)。

注意：所有主流瀏覽器都支持 readonly 屬性。

舉例：

帶有只讀輸入字段的 HTML 表單。

 
 
 




  Email: 

  Country: 

  

運(yùn)行結(jié)果：

以上是“css中如何將文本框設(shè)置為只讀”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對(duì)大家有所幫助，如果還想學(xué)習(xí)更多知識(shí)，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！