htmlでinputを読み取り専用に設定するテクニック

inputの読み取り専用効果は、disabledとreadonlyの2つの方法で実現できます.
もちろん両方の効果は読み取りのみで編集できないのですが、両者には大きな違いがあります.
Disabledは、inputが無効であり、asp、phpなどのプログラムにはvalueが渡されないことを示しています.Readonlyは編集できないだけで、その値の伝達には影響しません.
Disabled使用:

<input type=”text” name=”username” value=”     ” disabled>

Readonly使用:
 
 
 

<input type=”text” name=”username” value=”     ” disabled>