家庭记账本二

因为昨天家里有些事情，就做了那一点，今天继续往下做。

对于记账界面的开发

和登录注册界面的建立

 

 登录和注册界面之前确实做过，不过自己还是一点一点的做的，主要是怕之前学过的东西都忘掉。通过实践，事实证明之前学过的东西确实掌握的不太好了，自己还是边做边学。

<!记账代码>
<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Insert title here</title>
</head>
<body>
<br><br>
    <div align="center">
        <form action="Servlet?method=addaccount" method="post"
            onsubmit="return check()">
            <h5>
                用途：<input name="thing" type="text" id="thing">
            </h5>
            <h5>
                总钱：<input name="money" type="text" id="money"></h5>
            <label>收支：</label> <select name="mtype">

                <option value="收入" <c:if test="${mtype=='a'}"></c:if>>收入</option>
                <option value="支出" <c:if test="${mtype=='b'}"></c:if>>支出</option>
                </select> 
            <br /> 
            <br /> <input type="submit" value="提&nbsp&nbsp交">
        </form>
    </div>
    <script type="text/javascript">
        function check() {
            var thing = document.getElementById("thing");
            var money = document.getElementById("money");
            var mtype = document.getElementById("mtype");
            //非空
            if (thing.value == '') {
                alert('用途为空');
                thing.focus();
                return false;
            }
            if (money.value == '') {
                alert('总钱为空');
                money.focus();
                return false;
            }
        }
    </script>
</body>
</html>

 

posted @ 2019-02-13 20:51  枫黎  阅读(201)  评论(0)  编辑  收藏  举报