Input Text disabled 属性

HTML DOM インプット テキスト オブジェクト

定義と使用方法

disabled 属性設定またはテキストフィールドが無効かどうかの返却。

無効な要素は使用できず、クリックもできません。デフォルトでは、無効な要素はブラウザで灰色で表示されます。

参照：

HTML リファレンスマニュアル：HTML <input> disabled 属性

例

例 1

テキストフィールドを無効化：

document.getElementById("myText").disabled = true;

自分で試してみてください

例 2

テキストフィールドが無効かどうかを確認：

var x = document.getElementById("myText").disabled;

自分で試してみてください

例 3

テキストフィールドの有効/無効化：

function disableTxt() {
  document.getElementById("myText").disabled = true;
}
function undisableTxt() {
  document.getElementById("myText").disabled = false;
}

自分で試してみてください

文法

disabled 属性の返却：

textObject.disabled

disabled 属性の設定：

textObject.disabled = true|false

属性値

値 説明
true|false

テキストフィールドを無効化するかどうかを指定します。

  • true - テキストフィールドが無効化されています
  • false - デフォルト。テキストフィールドは無効化されていません

技術的詳細

返り値： ブール値、テキストフィールドが無効化されている場合に返されます true；そうでない場合は false。

ブラウザのサポート

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
サポート サポート サポート サポート サポート

HTML DOM インプット テキスト オブジェクト