jsp中点击按钮弹出一个form的功能

能不能在jsp页面实现这样一个功能：点击一个按钮，弹出一个form，form里面有两个输入框和一个按钮。输入框可以输入用户名和密码什么的，然后按钮可以提交输入的内容。谢谢大家！

解决方案 »

  1.   

    你自己用JSP写一下试试不就知道了吗，我感觉应该是可以的，
    不就是在Form里面嵌套一个<input type='text' name=''>
                          <input type='text' name=''>
                         <input type='submit' name=''>
    这个好像是挺简单的，自己尝试做一下，这样对自己也会有提高的！
      

  2.   

    /*
     * 打开新窗口
     * f:链接地址
     * n:窗口的名称
     * w:窗口的宽度
     * h:窗口的高度
     */
    function openScrollbarWin(f,n,w,h){
    l = (screen.width - w)/2;
    t = (screen.height - h)/2;
    sFeatures = "left="+ l +",top="+ t +",height="+ h +",width="+ w
    + ",center=1,scrollbars=yes,status=0,resizable=yes,directories=0,channelmode=0";
    openwin = window.open(f , n , sFeatures );
    if (!openwin.opener)
    openwin.opener = self;
    openwin.focus();
    return openwin;
    }自己掂量怎么用！js
      

  3.   

    window.open就能实现了<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <HTML>
    <HEAD>
    <TITLE> New Document </TITLE>
    <META NAME="Generator" CONTENT="EditPlus">
    <META NAME="Author" CONTENT="">
    <META NAME="Keywords" CONTENT="">
    <META NAME="Description" CONTENT="">
    <SCRIPT LANGUAGE="JavaScript">
    <!--
    function login(){
    window.open('login.html');
    }
    //-->
    </SCRIPT>
    </HEAD><BODY>
    <input type="button" value="登陆" onclick="login()" />
    </BODY>
    </HTML>login.html<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <HTML>
    <HEAD>
    <TITLE> New Document </TITLE>
    <META NAME="Generator" CONTENT="EditPlus">
    <META NAME="Author" CONTENT="">
    <META NAME="Keywords" CONTENT="">
    <META NAME="Description" CONTENT="">
    </HEAD><BODY>
    <form>
    用户名: <input type="text" name="user" /><br>
    密码: <input type="password" name="pass" /><br>
    <input type="button" value="提交" />
    </form>
    </BODY>
    </HTML>
      

  4.   

    先把form写在div中，让他隐藏，点击按钮的时候让显示，用js控制出现位置
      

  5.   

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <HTML>
    <HEAD>
    <TITLE> New Document </TITLE>
    <META NAME="Generator" CONTENT="EditPlus">
    <META NAME="Author" CONTENT="">
    <META NAME="Keywords" CONTENT="">
    <META NAME="Description" CONTENT="">
    <SCRIPT LANGUAGE="JavaScript">
    <!--
    function login(){
        window.showModalDialog("login.jsp");
    }
    //-->
    </SCRIPT>
    </HEAD><BODY>
     <input type="button" value="登陆" onclick="login()" />
    </BODY>
    </HTML>再写个login页面
      

  6.   

    当点击jsp中的按钮时，触发一个js函数，在通过这个JS函数，生成form表单就行。
    <script language="javascript">
    var f = document.createElement("form");
    document.body.appendChild(f);
    var i1 = document.createElement("input");
    i1.type = "text";
    f.appendChild(i1);
    i1.id = "username";
    i1.name = "username";
    var i2 = document.createElement("input");
    i2.type = "text";
    f.appendChild(i2);
    i2.id = "password";
    i2.name = "password";
    </script>
    只是简单的例子，具体的在去网上搜索，应该没问题的，希望对你有帮助
      

  7.   

    楼主用js不就行了~~~O(∩_∩)O~
      

  8.   


    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <title>无标题文档</title>
    <script type="text/javascript"> 
    function show(){
    var x=event.clientX;
    var y=event.clientY;
    document.getElementById("pic").style.top=y+50;
    document.getElementById("pic").style.left=x;
    document.getElementById("pic").style.visibility="visible";
    var formDiv="<form action='#'>";
    formDiv+="用户名: <input type='text' name='user' /><br>";
    formDiv+="密码:    <input type='password' name='pass' /><br><br>";  
            formDiv+="<input type='submit' value='提交' onclick='hide()' /></form>";  
    document.getElementById("pic").innerHTML=formDiv;
    }

    function hide(){
    document.getElementById("pic").style.visibility="hidden";
    }
    </script>
    </head><body>
    <input type="button" value="登陆" onclick="show()"> 
    <div id="pic" style="border: 1;position: absolute;width: 200;height: 200; background:#00FF99;visibility: hidden"></div>
    </body>
    </html> 我写了样式，差不多就是这样，只是那个DIV样式，我就没有怎么好好写，不是美工，汗，你自己可以用来修改玩玩！