html フォームのボタンを無効(非活性)にする方法

環境
Windows 10 Home 64bit
Google Chrome 106.0.5249.119

方法1
htmlでボタンにdisable属性を指定するには、以下のように記述します。

Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
<button type="submit" disabled>登録</button>
<input type="button" value="登録" disabled>
<button type="submit" disabled>登録</button> <input type="button" value="登録" disabled>
<button type="submit" disabled>登録</button>
<input type="button" value="登録" disabled>

方法2
JavaScriptでボタンにdisable属性を指定するには、以下のように記述します。
操作例
id属性が「reg」のボタンにdisable属性を指定

Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
document.getElementById("reg").disabled = true;
document.getElementById("reg").disabled = true;
document.getElementById("reg").disabled = true;

 

Html

Posted by arkgame