HTML代码中,如何使按钮变成不可按(灰色状态),然后怎样解除这种状态?

html-css017

HTML代码中,如何使按钮变成不可按(灰色状态),然后怎样解除这种状态?,第1张

<button id="myButton" disabled>111</button>

这样这个button就不可以用了。

然后你要恢复就可以:

document.getElementById("myButton").disabled = false

它就又可以用了

需要通过脚本校验

1、给输入框绑定事件,当焦点离开时校验输入框内容是否为空

2、根据校验结果设置提交按钮属性

<input id="uname" >

<button id="btn">提交</button> $(function(){

    $("#uname").blur(function(){

        var text = $(this).val().trim()

        if(text == ""){

           $("#btn").attr({"disabled":"disabled"})

        }else{

                      $("#btn1").removeAttr("disabled")

        }

    })

})

printMsg("当前浏览器不兼容聊天,请更换浏览器!","ERROR")

//设置按钮不可点击

$("#con").attr("disabled","true")