HTMLリファレンスマニュアル

HTMLタグ全般

HTML: <button> disabled属性

disabled属性はboolean（ブール）属性で、この属性を使用すると、ボタンが無効化され、無効化されたボタンは使用できずクリックもできません。disabled属性は設定可能で、ユーザーが特定の条件を満たす場合（例えばチェックボックスが選択された場合など）にのみボタンをクリックできるようにすることができます。

　HTML <button> タグ

オンラインサンプル

無効化されたbuttonボタン:

例

<!DOCTYPE　html>
<html>
<head>
<title>HTML:<button>　disabled　属性　-　基礎チュートリアルウェブ　oldtoolbag.com</title>
<body>
<button　type="button"　disabled>クリックしてください！</button>
</body>
</html>

テストをしてみる ‹/›

ブラウザの互換性

IEFirefoxOperaChromeSafari

すべての主要ブラウザがdisabled属性をサポートしています

定義と使用法

disabled属性はboolean（ブール）属性です。

この属性を使用すると、ボタンが無効になります。

無効なボタンは使用できず、クリックもできません。

disabled属性を設定することで、ユーザーが特定の条件を満たした場合（例えば、チェックボックスが選択された場合など）にのみボタンをクリックできるようにします。その後、JavaScriptを使用してdisabled属性を削除することで、ボタンを利用可能な状態にすることができます。

HTML 4.01 HTMLと5の違い

なし。

HTMLとXHTMLの違い

XHTMLでは、属性は省略できません。disabled属性は、<button disabled="disabled">として定義する必要があります。

文法

<button disabled>

　HTML <button> タグ

HTML: <template> タグ