Articles

Input Disabled HTML Attribute Explained For Inexperienced Coders

Posted on

disabled vs. readonly

disabledreadonly 属性は、同じような効果を持ちます。 readonly

disabledreadonly 属性は、似たような効果を持ちます – 実際、ユーザーの視点からは同じように見えます。

<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は開発者向けのドキュメントやチュートリアルを専門とするテクニカルライターです

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です