bootstrap框架的表單控制項的禁用狀態和普通的表單禁用狀態實現方法是一樣的,在相應的表單控制項上新增屬性「disabled」。
在使用了「form-control」的表單控制項中,樣式設定了禁用表單背景色為灰色,而且手型變成了不准輸入的形狀。如果控制項中不使用類名「form-control」,禁用的控制項只會有乙個不准輸入的手型出來。
在bootstrap框架中,如果fieldset設定了disabled屬性,整個域都將處於被禁用狀態。
對於整個禁用的域中,如果legend中有輸入框的話,這個輸入框是無法被禁用的。
1doctype html
>
2<
html
lang
="en"
>
3<
head
>
4<
meta
charset
="utf-8"
>
5<
title
>表單控制項狀態——禁用狀態
title
>
6<
link
rel="stylesheet"
href
="">
7head
>
8<
body
>
9<
h3>示例1
h3>
10<
form
role
="form"
class
="form-horizontal"
>
11<
div
class
="form-group"
>
12<
div
class
="col-xs-6"
>
13<
input
class
="form-control input-lg"
type
="text"
placeholder
="不是焦點狀態下效果"
>
14div
>
15<
div
class
="col-xs-6"
>
16<
input
class
="form-control input-lg"
id="disabledinput"
type
="text"
placeholder
="表單已被禁用,不可輸入"
disabled
>
17div
>
18div
>
19form
>
20<
br>
21<
br>
22<
br>
23<
h3>示例2
h3>
24<
form
role
="form"
>
25<
fieldset
disabled
>
26<
div
class
="form-group"
>
27<
label
for="disabledtextinput"
>禁用的輸入框
label
>
28<
input
type
="text"
id="disabledtextinput"
class
="form-control"
placeholder
="禁止輸入"
>
29div
>
30<
div
class
="form-group"
>
31<
label
for="disabledselect"
>禁用的下拉框
label
>
32<
select
id="disabledselect"
class
="form-control"
>
33<
option
>不可選擇
option
>
34select
>
35div
>
36<
div
class
="checkbox"
>
37<
label
>
38<
input
type
="checkbox"
>
無法選擇
39label
>
40div
>
41<
button
type
="submit"
class
="btn btn-primary"
>提交
button
>
42fieldset
>
43form
>
44<
br>
45<
br>
46<
br>
47<
h3>示例3
h3>
48<
form
role
="form"
>
49<
fieldset
disabled
>
50<
legend
><
input
type
="text"
class
="form-control"
placeholder
="顯然我顏色變灰了,但是我沒被禁用,不信?單擊試一下"
/>
legend
>
51<
div
class
="form-group"
>
52<
label
for="disabledtextinput"
>禁用的輸入框
label
>
53<
input
type
="text"
id="disabledtextinput"
class
="form-control"
placeholder
="禁止輸入"
>
54div
>
55<
div
class
="form-group"
>
56<
label
for="disabledselect"
>禁用的下拉框
label
>
57<
select
id="disabledselect"
class
="form-control"
>
58<
option
>不可選擇
option
>
59select
>
60div
>
61<
div
class
="checkbox"
>
62<
label
>
63<
input
type
="checkbox"
>
無法選擇
64label
>
65div
>
66<
button
type
="submit"
class
="btn btn-primary"
>提交
表單控制項狀態 禁用狀態
bootstrap框架的表單控制項的禁用狀態和普通的表單禁用狀態實現方法是一樣的,在相應的表單控制項上新增屬性 disabled 和其他表單的禁用狀態不同的是,bootstrap框架做了一些樣式風格的處理 原始碼請檢視bootstrap.css檔案第1723行 第1729行 form control...
MFC 關於mfc中控制項禁用和狀態判斷
bool enablewindow bool benable true 判斷控制項是否可用可以呼叫 cwnd iswindowenable函式 bool iswindowenable iswindowenabled 函式用於判斷指定的視窗是否允許接受鍵盤或滑鼠輸入。函式原型 bool iswindo...
狀態條控制項
狀態條控制項使用起來比較簡單。狀態條位於父視窗底部的乙個水平子視窗,它可以被分成多個顯示資訊的小區域。狀態條控制項除可以顯示一定的幫助和提示資訊外,還可以響應滑鼠輸入等功能。這裡已在狀態條上顯示滑鼠移動座標為例,具體說明其程式設計方法。利用應用程式嚮導生成的程式 中,狀態條作為主視窗的子視窗,具有乙...