HTMLDOMボタン無効プロパティ
HTML DOM Buttonのdisabledプロパティは、
構文
以下は、-
の構文です。無効なプロパティの設定-
buttonObject.disabled = true|false
ここで、true | falseは、指定された入力ボタンを無効にするかどうかを指定します。
- 真- ボタンが無効になります。
- 誤り- ボタンが無効になることはありません。
ボタン無効プロパティの例を見てみましょう-
例
<!DOCTYPE html>
<html>
<body>
<button id="Button1">BUTTON</button>
<p>Click the below button to disable the above button.</p>
<button onclick="buttonDis()">CLICK IT</button>
<p id="Sample">
<script>
function buttonDis() {
document.getElementById("Button1").disabled = true;
var x=document.getElementById("Button1").disabled;
document.getElementById("Sample").innerHTML = "Button disabled is "+x;
}
</script>
</body>
</html> 出力
これにより、次の出力が生成されます-
CLICKITボタンをクリックすると-
上記の例では-
IDが「Button1」のボタンを作成しました。ボタンはデフォルトで有効になっています。
<button id="Button1">BUTTON</button>
次に、CLICK ITボタンを作成して、クリック時にbuttonDis（）メソッドを実行します。
<button onclick="buttonDis()">CLICK IT</button>
buttonDis（）メソッドは、そのID「button1」によってbutton要素を取得し、その上のdisabled属性をtrueに設定します。ボタンを無効にすると、無効にした値（trueまたはfalse）が変数xに割り当てられ、IDが「Sample」の段落に表示されます
function buttonDis() {
document.getElementById("Button1").disabled = true;
var x=document.getElementById("Button1").disabled;
document.getElementById("Sample").innerHTML = "Button disabled is "+x;
} -
HTMLDOM入力リセット無効プロパティ
HTML DOM入力リセット無効プロパティは、リセットボタンを無効にするかどうかを設定または返すために使用されます。ブール値を使用します。trueはリセットボタンを無効にする必要があることを表し、falseは無効にする必要があることを表します。デフォルトでは、disabledプロパティはfalseに設定されています。無効になっている要素はデフォルトでグレー表示されており、クリックできません。 構文 以下は、-の構文です。 無効なプロパティの設定- resetObject.autofocus = true|false ここで、true =リセットボタンは無効であり、false=リセットボタ
-
HTMLDOMTextarea無効プロパティ
HTML DOM Textarea disableプロパティは、HTMLドキュメントのテキストエリア要素が無効になっているかどうかを返し、変更します。 構文 以下は構文です- 1。無効に戻す object.disabled 2。追加無効 object.disabled = true | false HTML DOM Textareaが無効になっているプロパティの例を見てみましょう： 例 <!DOCTYPE html> <html> <style> body { color: #0