HTML 标签的 disabled 属性
disabled 属性规定禁用文本区。被禁用的文本区既不可用,也不可点击。
实例
一个被禁用的文本区:
<!DOCTYPE html>
<html>
<body>
<h1>button 标签 disabled 属性</h1>
<button type="button" disabled>点击我!</button>
</body>
</html>
定义和用法
disabled 属性规定禁用文本区。被禁用的文本区既不可用,也不可点击。
disabled 属性适用于 input, textarea, fieldset, select, option 等元素。
可以设置 disabled 属性,直到满足某些条件(比如选择一个复选框),才恢复用户对该文本区的使用。然后,可以使用 JavaScript 来清除 disabled 属性,以使文本区变为可用状态。
语法
<textarea disabled="value">
属性值
值 | 描述 |
---|---|
disabled | 规定应该禁用该文本区。 |
更多实例
<!DOCTYPE html>
<html>
<body>
<h1>fieldset 标签 disabled 属性</h1>
<form>
<form action="/example/html/action_page.aspx">
<fieldset disabled>
<legend>个人情况:</legend>
<label for="fname">姓氏:</label>
<input type="text" id="fname" name="fname"><br><br>
<label for="lname">名字:</label>
<input type="text" id="lname" name="lname"><br><br>
<label for="email">Email:</label>
<input type="email" id="email" name="email"><br><br>
<label for="birthday">生日:</label>
<input type="date" id="birthday" name="birthday"><br><br>
<input type="submit" value="提交">
</fieldset>
</form>
</form>
<p><b>备注:</b> IE(或更早)或Safari 6(或更早)中不支持fieldset元素的禁用属性。</p>
</body>
</html>
<!DOCTYPE html>
<html>
<body>
<h1>optgroup 元素的 disabled 属性</h1>
<form action="/example/html/action_page.aspx">
<label for="cars">选择一辆车:</label>
<select name="cars" id="cars">
<optgroup label="瑞典车">
<option value="volvo">沃尔沃</option>
<option value="saab">赛博</option>
</optgroup>
<optgroup label="德系车" disabled>
<option value="mercedes">梅赛德斯</option>
<option value="audi">奥迪</option>
</optgroup>
</select>
<br><br>
<input type="submit" value="提交">
</form>
</body>
</html>
<form action="/action_page.aspx">
First name: <input type="text" name="fname"><br>
Last name: <input type="text" name="lname" disabled><br>
<input type="submit" value="Submit">
</form>
<select disabled>
<option value="volvo">沃尔沃</option>
<option value="saab">赛博</option>
<option value="mercedes">梅赛德斯</option>
<option value="audi">奥迪</option>
</select>
<textarea disabled>
在 cankaoshouce.com,你将学习如何创建网站。我们提供所有网络开发技术的免费教程。
</textarea>