web06:cookie的知识点。ID与name的区别

最新推荐文章于 2022-05-23 17:59:32 发布

枫、叶、

最新推荐文章于 2022-05-23 17:59:32 发布

阅读量211

点赞数

CC 4.0 BY-SA版权

分类专栏： web

本文链接：https://blog.csdn.net/loveqingqingqing/article/details/102515955

web 专栏收录该内容

15 篇文章

订阅专栏

在这里插入图片描述
登录页面：

登录执行过程页面：

登录成功页面：
在这里插入图片描述

id与name的区别：
ID是当前页面的JS中用getElementById的方法
name是在其他页面的采用request.getParameter（“name”）
login的代码修改：（加入用户名、密码的复选框）

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
</head>
<body>
<form action="do_login.jsp" method="post">
    <table border="1" cellpadding="10" style="margin: 0px auto">
        <tr>
            <td align="center">用户名</td>
            <td><input id="uname"  type="text" name="username"/></td>
        </tr>
        <tr>
            <td align="center">密&nbsp;码</td>
            <td><input id="upwd" type="password" name="password"/></td>
        </tr>

        <tr align="center">
            <td colspan="2">
                <input id="savename" type="checkbox" name="save" value="记住用户名"/>记住用户名
                <input id="savepwd" type="checkbox" name="save" value="记住密码" onclick="setchkname()"/>记住密码
            </td>
        </tr>

        <tr align="center">
            <td colspan="2">
                <input type="submit" value="登录" onclick="return checkForm();"/>
                <input type="reset" value="重置"/>
            </td>
        </tr>
    </table>
</form>
<%
    String uname = "";
    String upwd = "";
    String savepwd = "";
    String savename = "";
    Cookie[] cookies = request.getCookies();
    for (Cookie cookie: cookies) {
        if (cookie.getName().equals("uname")) {
            uname = cookie.getValue();
        }
        if (cookie.getName().equals("upwd")) {
            upwd = cookie.getValue();
        }
        if (cookie.getName().equals("savename")) {
            savename = cookie.getValue();
        }
        if (cookie.getName().equals("savepwd")) {
            savepwd = cookie.getValue();
        }
    }
%>
<script type="text/javascript">
    var chkSavename = document.getElementById("savename");
    var chkSavepwd = document.getElementById("savepwd");
    var savename = "<%= savename %>";
    var savepwd = "<%= savepwd %>";
    if (savename == "yes") {
        chkSavename.checked = true;
    }
    if (savepwd == "yes") {
        chkSavepwd.checked = true;
    }
    var savename = document.getElementById("savename");
    if (savename.checked) {
        var txtUname = document.getElementById("uname");
        txtUname.value = "<%= new String(uname.getBytes("iso-8859-1"), "utf-8") %>";
    }
    var savepwd = document.getElementById("savepwd");
    if (savepwd.checked) {
        var txtUpwd = document.getElementById("upwd");
        txtUpwd.value = "<%= upwd %>";
    }

    /**
     * 选中【记住密码】复选框，一定会选中【记住用户名】复选框
     */
    function setchkname() {
        if (chkSavepwd.checked) {
            chkSavename.checked = true;
        }
    }
</script>
</body>
</html>

在这里插入图片描述