HTML formでinput要素にreadonlyとdisabledを指定した場合に、どちらも入力不可だがどう違うのだろう。ハマったのでメモ。

<input id="input01" class="form-control" name="input01"  maxlength="10" type="text" value=""  disabled />
<input id="input01" class="form-control" name="input01"  maxlength="10" type="text" value=""  readonly />

formをPOSTした際に違いがあった。
・disabled  値が送信されない。
・readonly  値が送信される。

あと、disableの時にテキストを選択してコピペ可能かにも違いがある。
Chrome 43 選択可
IE 11 選択可
Firefox 39.0 選択不可

readonlyの場合はChrome、IE 、Firefox で選択可能だった。