设置CSS中属性使表单元素方法有:
1、使用readonly="readonly"属性,让输入框变为只读。
代码示例一:
2、使用disabled="disabled"属性,输入框变为灰色背景只读,但无法再提交被禁用的元素值。
代码示例二:
3、使用onfocus="this.blur()"属性,和使用readonly效果一样,但是禁止选中。
代码示例三:
三个示例的效果图:
假设有这样一个表单
可以通过一下的js代码来实现这个表单元素不可用:
function disableForm(){
var formElem = document.getElementById("myForm");
if(formElem){
formElem.disabled = true;
}
}
这是我总结的设置CSS使表单元素不可用的方法