disabled
テキストボックスまたはテキストエリアの属性の正しい値は何ですか?
以前に以下が使用されているのを見ました:
<input type="text" disabled />
<input type="text" disabled="disabled" />
<input type="text" disabled="true" />
disabled
テキストボックスまたはテキストエリアの属性の正しい値は何ですか?
以前に以下が使用されているのを見ました:
<input type="text" disabled />
<input type="text" disabled="disabled" />
<input type="text" disabled="true" />
回答:
<input type="text" disabled="disabled" />
は有効なマークアップです。<input type="text" disabled />
は有効であり、サンプルでW3Cによって使用されます。HTML5仕様:
http://www.w3.org/TR/html5/forms.html#enabling-and-disabling-form-controls:-the-disabled-attribute:
チェックされたコンテンツ属性はブール属性です
http://www.w3.org/TR/html5/infrastructure.html#boolean-attributes:
要素にブール属性が存在することは真の値を表し、属性が存在しないことは偽の値を表します。
属性が存在する場合、その値は、空の文字列、またはASCIIの大文字と小文字を区別せずに属性の正規名と一致する値である必要があり、先頭または末尾に空白はありません。
結論:
以下は有効で、同等で、trueです。
<input type="text" disabled />
<input type="text" disabled="" />
<input type="text" disabled="disabled" />
<input type="text" disabled="DiSaBlEd" />
以下は無効です:
<input type="text" disabled="0" />
<input type="text" disabled="1" />
<input type="text" disabled="false" />
<input type="text" disabled="true" />
属性がない場合は、falseの唯一の有効な構文です。
<input type="text" />
勧告
有効なXHTML、使用を書くことを気にしている場合disabled="disabled"
以来、<input disabled>
無効であり、他の選択肢は読みにくくしています。それ以外の<input disabled>
場合は、短いので使用してください。
ng-disabled
代わりに使用できます。このような他の属性と同様に、一般的にそれらはインテリジェントなng-*
対応物を持っています
disabled={true}
reactJs JSXコードで動作しますが、有効/許可されたHTML5形式のいずれかに変換されると確信しています。
私はこれらすべてを試してみましたが、IE11の場合、動作しているように見えるのはdisabled = "true"だけです。無効の値または指定された値が機能しませんでした。実際のところ、JSPはすべてのフィールドに等しい必要があるというエラーを取得したため、これを機能させるためにdisabled = "true"を指定する必要がありました。
disabled="false"
要素が無効になるのdisabled
は、属性の値ではなく、その存在が無効化をトリガーするためです。