关于文本框的Disabled和ReadOnly

如果disabled，则数据无法提交到后台。
要实现你的效果就用readonly

readonly和disabled都不能让焦点光标进入
contenteditable=false基本可以，但光标还是无法进入。
disabled input框会变灰
editable = false 框没有变化，但是不能修改
<script>
function change1(){
  a1.readonly="true";
}
function change2(){
  a1.readonly="false";
}
function change3(){
  b1.disabled=true;
}
function change4(){
  b1.disabled=false;
}
</script>
<body>
以下为对ReadOnly操作<br>
<input type=textbox style="color:red" name="a1" value="你好">
<button onclick="change1()">只读</button>
<button onclick="change2()">可写</button>
<hr color=red>
以下为对Disabled操作<br>
<input type=textbox style="color:red" name="b1" value="你好">
<button onclick="change3()">只读</button>
<button onclick="change4()">可写</button>
</body>但不知为什么，对readonly的操作不发生作用。
并且在对disabled操作时，设置disabled=true;后,在输入框点击右键弹出的菜单是和设置前是不同的，在选定内容后竟然可以把内容剪切掉.这是什么问题？
disabled确实不好看只能模拟一个了