html中input只读属性readonly 和 disable的区别

html-css023

html中input只读属性readonly 和 disable的区别,第1张

作用范围不同

disabled属性可以用语所有的表单元素;readonly属性只对input(输入框)、textarea有效;

对元素的影响程度不同

disabled属性阻止对元素的一切操作,例如获取焦点,点击事件等等;readonly属性只是将元素设置为只读,其他操作正常;

表单提交

disabled属性可以让表单元素的值无法被提交;readonly属性则不影响提交问题;

html input readonly 和 disable的区别如下

readonly="readonly"----是只读,不能使用键盘输入

disabled="disabled"----是禁用,input标签灰暗下去

单纯去掉的话,就是<input type="button" value="修改" />

如果是点击一次按钮禁用的话,就是<input type="button" id="sub" value="修改" />

然后在head和body之间加入

<script>

function change(){

document.getElementById("sub").disabled = true 

}

</script>