                        課程
                    
                        /前端開發
                        
                            /Bootstrap
                        
                        /玩轉Bootstrap（基礎）

示例三還是禁用的不能輸入啊

<!doctype?html>
<html>
<head>
????<meta?charset="UTF-8">
?<title>表單控件狀態——禁用狀態</title>
?<link?rel="stylesheet"?>
</head>
<body>
<h3>示例1</h3>
<form?role="form">
??<div>
????<div>
??????<input?class="form-control?input-lg"?type="text"?placeholder="不是焦點狀態下效果">
????</div>
????<div>
??????<input?class="form-control?input-lg"?id="disabledInput"?type="text"?placeholder="表單已被禁用，不可輸入"?disabled>
????</div>
??</div>?
</form>?
<br>
<br>
<br>
<h3>示例2</h3>???
<form?role="form">
??<fieldset?disabled>
????<div>
??????<label?for="disabledTextInput">禁用的輸入框</label>
??????<input?type="text"?id="disabledTextInput"?placeholder="禁止輸入">
????</div>
????<div>
??????<label?for="disabledSelect">禁用的下拉框</label>
??????<select?id="disabledSelect">
????????<option>不可選擇</option>
??????</select>
????</div>
????<div>
??????<label>
????????<input?type="checkbox">?無法選擇
??????</label>
????</div>
????<button?type="submit"?class="btn?btn-primary">提交</button>
??</fieldset>
</form>?
<br>
<br>
<br>
<h3>示例3</h3>
<form?role="form">
??<fieldset?disabled>
????<legend><input?type="text"?placeholder="顯然我顏色變灰了，但是我沒被禁用，不信？單擊試一下"?/></legend>
????<div>
??????<label?for="disabledTextInput">禁用的輸入框</label>
??????<input?type="text"?id="disabledTextInput"?placeholder="禁止輸入">
????</div>
????<div>
??????<label?for="disabledSelect">禁用的下拉框</label>
??????<select?id="disabledSelect">
????????<option>不可選擇</option>
??????</select>
????</div>
????<div>
??????<label>
????????<input?type="checkbox">?無法選擇
??????</label>
????</div>
????<button?type="submit"?class="btn?btn-primary">提交</button>
??</fieldset>
</form>??
</body>
</html>