HTML input disabled 属性

htmlweb developmentfront end technology更新于 2025/11/21 16:12:17

<input> 元素的 disabled 属性用于禁用 <input> 元素。当元素被禁用时,它将变得不可点击。由于显而易见的原因,被禁用的输入元素将无法提交。

语法

以下是语法 −

<input disabled>

现在让我们看一个实现 <input> 元素的 disabled 属性的示例 −

示例

<!DOCTYPE html>
<html>
<body>
<h2>Details</h2>
<form>
<p>These are the new details...</p>
<fieldset>
<legend>New Details:</legend>
Player: <input type="text" disabled><br>
Rank: <input type="number"><br>
Email: <input type="email"><br>
Reporting Time: <input type="time">
</fieldset>
</form>
</body>
</html>

输出

这将产生以下输出,其中我们已禁用其中一个输入元素"Player"−

在上面的示例中,我们有四个字段 −

Player: <input type="text" disabled><br>
Rank: <input type="number"><br>
Email: <input type="email"><br>
Reporting Time: <input type="time">

在上述四个字段中,我们使用 disabled 属性禁用了其中一个 −

Player: <input type="text" disabled>

现在,由于上述字段已被禁用,您将无法添加任何文本。


相关文章


有用资源