disabled與enabled是什么
在Web表單中,有些表單元素(如輸入框、密碼框、復選框等)有“可用”和“不可用”這2種狀態。默認情況下,這些表單元素都處在可用狀態。
在CSS3中,我們可以使用:enabled選擇器和:disabled選擇器來分別設置表單元素的可用與不可用這兩種狀態的CSS樣式。
eg.
<!DOCTYPE html>
<
html
xmlns
=
"//www.w3.org/1999/xhtml"
>
<
head
>
<
title
>CSS3 :enabled選擇器與:disabled選擇器</
title
>
<
style
type
=
"text/css"
>
input[type="text"]:enabled
{
outline:1px solid #63E3FF;
}
input[type="text"]:disabled
{
background-color:#FFD572;
}
</
style
>
</
head
>
<
body
>
<
form
>
<
p
><
label
for
=
"enabled"
>可用:</
label
><
input
type
=
"text"
name
=
"enabled"
/></
p
>
<
p
><
label
for
=
"disabled"
>禁用:</
label
><
input
type
=
"text"
name
=
"disabled"
disabled
=
"disabled"
/></
p
>
</
form
>
</
body
>
</
html
>