如何设置CSS使表单元素不可用

2024-12-03 04:15:29
推荐回答(2个)
回答1:

设置CSS中属性使表单元素方法有:

1、使用readonly="readonly"属性,让输入框变为只读。

代码示例一:

2、使用disabled="disabled"属性,输入框变为灰色背景只读,但无法再提交被禁用的元素值。

代码示例二:

3、使用onfocus="this.blur()"属性,和使用readonly效果一样,但是禁止选中。

代码示例三:

三个示例的效果图:

回答2:

  • 假设有这样一个表单

......
  • 可以通过一下的js代码来实现这个表单元素不可用:

function disableForm(){
var formElem = document.getElementById("myForm");
if(formElem){
formElem.disabled = true;
}
}

这是我总结的设置CSS使表单元素不可用的方法