jsp页面带输入框的消息框

带输入框的消息框不要要类似于 真么办？要代码！！

用类似extjs、easyui、jquery ui之类的库，它们实现的机制都是用弹出层模拟对话框。

 function dialogConfirm(title,str){
        var clientHeight=document.documentElement.clientHeight;
        var clientWidth=document.documentElement.clientWidth;
        if(title==str&&title=='false'){
            $("#shelterDiv").remove();
            $("#centerConfirm").animate({
                    "height":"0px","width":"0px","padding":"10px",
                    "margin-top":clientHeight/2-50,
                    "margin-left":clientWidth/2+50
                },100).animate({
                    "height":"0px","width":"0px","padding":"0px",
                    "margin-top":clientHeight/2-70,
                    "margin-left":clientWidth/2
                },200,function(){$(this).remove();});
            return false;
        }else if(title==str&&title=='true'){
            $("#shelterDiv").remove();
            $("#centerConfirm").animate({
                    "height":"0px","width":"0px","padding":"10px",
                    "margin-top":clientHeight/2-50,
                    "margin-left":clientWidth/2-70
                },100).animate({
                    "height":"0px","width":"0px","padding":"0px",
                    "margin-top":clientHeight/2-70,
                    "margin-left":clientWidth/2
                },200,function(){$(this).remove();});
            return false;
        }
        $("body").prepend("<div id='shelterDiv'>");
        $('#shelterDiv').css({
                "position": "absolute","background-color": "#000000",
                "height": clientHeight,"opacity": "0.3",
                "width":clientWidth,"z-index": "999"
             });
        $("body").prepend(
                "<div id='centerConfirm'>"+
                    "<a onclick='dialogConfirm(\"false\",\"false\");'"+
                        "style='width:15px;height:15px;position:absolute;overflow:hidden;"+
                        "right:23px;top:21px;z-index:999;"+
                        "background:transparent url(../../jsLibrary/images/icon.png) no-repeat -60px -20px'></a>"+
                    "<div style='font-size:14px;color:#3c3c3c;font-weight:700;margin-bottom:20px;'>"+title+"</div>"+
                    "<div>"+str+"</div>"+
                    "<div style='margin-top:20px;'>"+
                        "<a onclick='dialogConfirm(\"true\",\"true\");' style='border:1px solid #52a0e5;width:58px;height:28px;"+
                            "line-height:28px;text-align:center;"+
                            "-webkit-border-radius:1px;-moz-border-radius:1px;"+
                            "-ms-border-radius:1px;"+"border-radius:1px;background:#52a0e5;color:#fff;"+    
                            "display:inline-block;margin-right:10px;font-weight:700'>确 定</a>"+
                        "<a onclick='dialogConfirm(\"false\",\"false\");' style='background:#fff;border-color:#d9d9d9;color:#3c3c3c;"+
                            "border:1px solid #52a0e5;width:58px;height:28px;line-height:28px;"+
                            "text-align:center;-webkit-border-radius:1px;-moz-border-radius:1px;"+
                            "-ms-border-radius:1px;border-radius:1px;background:#52a0e5;"+
                            "color:#fff;display:inline-block;margin-right:10px;font-weight:700'>关 闭</a>"+
                    "</div>"+
                "</div></div>");
        $('#centerConfirm').css({
                "position":"absolute","background-color": "white",
                "height":"0px","width":"0px","overflow":"hidden",
                "padding":"20px 20px 20px 30px",
                "margin-top":clientHeight/2,
                "margin-left":clientWidth/2,
                "z-index": "1000","border":"4px solid rgba(0,0,0,0.2)","background-clip":"padding-box"
                            }).animate({
                                "height":"129px","width":"330px",
                                "margin-top":clientHeight/2-129/2,
                                "margin-left":clientWidth/2-330/2
                                },150).animate({
                                        "height":"109px","width":"310px",
                                        "margin-top":clientHeight/2-109/2,
                                        "margin-left":clientWidth/2-310/2},200);
    }

title的提问的标题 str是内容 里面你可以自己写Input输入框 自己动手修改试试 都是自己写的
这种东西完全可以自己写嘛 实现方式无非就是一个黑色的罩子罩在上面 里面的内容自己可以拼Html去实现啊 又可以随心所欲的加样式