MEMOフォームのdisableスタイルの個人的実装ベタープラクティスデモ要約disable時の見た目はopacityで対応。デザインもそのように作ってもらう必要はある。フォームパーツのグループや、フォームパーツ以外にもdisableな見た目にする必要がある場合はfieldsetを使うdisable時の見た目はopacityで対応。フォームのdisable時の見た目はinput等のようなフォームパーツだけを気にすればOKな話ではなく、デモのようにフォーム周辺のテキストに対しても気を使う必要がある。disabled時のスタイルとしては、大きく下の2パターンになるかと思う。colorを指定の色に変更」に関しては、非常に面倒な事になる場合があるので避けたほうがいい。最初はdisableになるパーツには黒色のテキストしかなく、disableな時には灰色にすればよかったとする。運用の結果、黒以外の文字色(例えば赤)が入った場合に「赤色の文字も灰色にしていいのか?」という問題が発生する。「赤色の場合はちょっと薄い赤色に」とかなると地獄。「opacityで半透明に変更」でやっておけば、色のパターンが増えたとしてもルールとして破綻しないので問題は発生しない。具体的なスタイル指定例デモが全てだが、肝は以下の部分。