disabled vs. readonly
disabled
readonly
属性は、同じような効果を持ちます。 readonly
disabled
readonly
属性は、似たような効果を持ちます – 実際、ユーザーの視点からは同じように見えます。
<form> <label for="disabled">Disabled</label><br> <input name="disabled" value="disabled" disabled> <br><br> <label for="readonly">Readonly</label><br> <input name="readonly" value="readonly" readonly></form>
Disabled
Readonly
しかし、これらは異なっており、間違ったものを使用すると問題が発生します。
フィールドがdisabled
の場合、フォームが送信されてもフィールドの値はサーバーに送信されません。
Protip: 特定のフィールドの値をフォーム送信リクエストに含めたくない何らかの理由がある場合は、サーバー側のフォーム処理を見直すことをお勧めします。 悪意のあるユーザーが、フォーム入力の
disabled
属性を上書きして、好きなフォームデータを送信することが可能です。 Adamは開発者向けのドキュメントやチュートリアルを専門とするテクニカルライターです