formのInput要素のreadonlyとdisabledの違い
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 で選択可能だった。