在網(wǎng)頁(yè)開(kāi)發(fā)中,我們經(jīng)常會(huì)使用標(biāo)簽來(lái)創(chuàng)建表單,讓用戶輸入數(shù)據(jù)。有些時(shí)候,我們需要把某些標(biāo)簽設(shè)置為不可編輯狀態(tài),這時(shí)就要用到CSS了。
要想讓一個(gè)標(biāo)簽不可編輯,可以使用CSS的readonly
屬性,它將標(biāo)簽設(shè)置為只讀狀態(tài):
input[readonly] {
background-color: #eee;
}
以上代碼表示將所有帶有readonly
屬性的標(biāo)簽的背景色設(shè)置為灰色。
如果想要讓單個(gè)標(biāo)簽不可編輯,可以直接在標(biāo)簽中添加readonly
屬性:
<input type="text" readonly>
或者使用CSS的選擇器來(lái)選擇單個(gè)標(biāo)簽:
#myInput[readonly] {
background-color: #eee;
}
以上代碼表示選擇id為myInput
的標(biāo)簽,并將帶有readonly
屬性的標(biāo)簽的背景色設(shè)置為灰色。
需要注意的是,設(shè)置readonly
屬性的標(biāo)簽仍然可以通過(guò)JavaScript等方式修改,所以不應(yīng)該將敏感信息存儲(chǔ)在只讀的標(biāo)簽中。