作用范围不同
disabled属性可以用语所有的表单元素；readonly属性只对input（输入框）、textarea有效；
对元素的影响程度不同
disabled属性阻止对元素的一切操作，例如获取焦点，点击事件等等；readonly属性只是将元素设置为只读，其他操作正常；
表单提交
disabled属性可以让表单元素的值无法被提交；readonly属性则不影响提交问题；
单纯去掉的话，就是<input type="button" value="修改" />
如果是点击一次按钮禁用的话，就是<input type="button" id="sub" value="修改" />
然后在head和body之间加入
<script>function change(){
document.getElementById("sub").disabled = true
}
</script>
HTML中的input元素、button元素、option元素等都具有一个disabled属性。当赋予该属性时该元素将变得不可交互，如下代码所示：
Html代码
<input type="button" disabled="disabled" value="测试按钮">
其中属性值“disabled”可以替换成任何的其它单词甚至是“enabled”（不过“false”除外），因为属性值为“false”时表示属性不启用，属性值“true”表示启用属性。如下代码的button元素都处于禁用状态：
Html代码
<input type="button" disabled="true" value="测试按钮">
<input type="button" disabled="123" value="测试按钮">
<input type="button" disabled=" " value="测试按钮">
<input type="button" disabled="any word" value="测试按钮">
如下代码的button元素处于启用状态：
Html代码
<input type="button" disabled="false" value="测试按钮">
<input type="button" value="测试按钮">
