formのinput type=”submit”で作ったボタンを押せない状態にする

Html5 tips

formを作成している時に送信ボタンが押せなくできないかと調べてみたら とっても簡単にできたのでメモ。


送信ボタンを押せなくする

上記のコードに含まれるdisabled="disabled"を記述する事で 送信ボタンをクリック無効の形にできます。

必須項目が入力されていなかったらクリックできないボタンを出力して、入力に問題がなければクリックできるようにといった事をやりたかったのですが、これで解決です。