disabled属性とreadonly属性の違い

HTMLのinput要素にdisabled属性とreadonly属性があります。
どちらも画面上での値編集を不可にする属性ですが違いがあります。

disabled属性

  • フォーカスできない
  • タブ移動で選択されない
  • 選択、ボタン系のinput(checkbox,image,radio,submit)も適応可
  • 値をコピーできない
  • Form送信時、値を送信しない

 

readonly属性

  • フォーカスできる(編集はできない)
  • タブ移動で選択される
  • 選択、ボタン系のinput(checkbox,image,radio,submit)は適応不可
  • 値をコピーできる
  • Form送信時、値を送信する

コメントを残す

*

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください