今天给大家分享前端人口登记页面，人口查询页面

人口登记

<%@ page language="java" contentType="text/html; charset=UTF-8"

         pageEncoding="UTF-8"%>

    <!DOCTYPE html>

    <html>

    <head>

        <meta charset="UTF-8">

        <title>人口登记</title>

        <style>

            .a {

                margin-top: 20px;

            }

            .b {

                font-size: 20px;

                width: 160px;

                color: white;

                background-color: greenyellow;

            }

        </style>

    </head>

    <body>

        <%

    Object message = request.getAttribute("message");

    if(message!=null && !"".equals(message)){

%>

            <script type="text/javascript">

                alert("<%=request.getAttribute("

                    message ")%>");

            </script>

            <%} %>

                <div align="center" id="div1">

                    <h1 style="color: rgb(165, 143, 143);">人口信息登记</h1>

                    <form action="/人口普查系统HtmlJsp/servlet?method=add" name="information" method="post" onsubmit="return check()">

                        <div class="a">

                            <label>户别：</label>

                            <input type="radio" name="hubie" value="家庭户" checked="checked" />家庭户

                            <input type="radio" name="hubie" value="集体户" />集体户

                        </div>

                        <div class="a">

                            <label>住房类型：</label>

                            <input type="radio" name="type" value="家庭住宅" checked="checked" />家庭住宅

                            <input type="radio" name="type" value="集体住所" />集体住所

                            <input type="radio" name="type" value="工作地住所" />工作地住所

                            <input type="radio" name="type" value="其他住宅" />其他住宅

                            <input type="radio" name="type" value="无住宅" />无住宅

                        </div>

                        <div class="a">

                            本户现住房面积:<input type="text" id="sqare" name="spare" runat="server" maxlength="100" size="10" onblur="if(/[^0-9]/.test(this.value)){alert('Error');}" />平方米

                        </div>

                        <div class="a">

                            本户现住房间数:<input type="text" id="jian" name="number" runat="server" maxlength="100" size="10" onblur="if(/[^0-9]/.test(this.value)){alert('Error');}" />间

                        </div>

                        <div class="a">

                            房主姓名:<input type="text" id="owname" name="name" />

                        </div>

                        <div class="a">

                            身份证号码:<input type="text" id="idcard" name="idcard" maxlength="18" onKeyUp="value=value.replace(/[\W]/g,'')" />

                        </div>

                        <div class="a">

                            <label>性别：</label>

                            <input type="radio" name="sex" value="男" checked="checked" />男

                            <input type="radio" name="sex" value="女" />女

                        </div>

                        <div class="a">

                            民族<input type="text" id="zu" name="nation" />

                        </div>

                        <div class="form-group">

                            <label for="education">受教育程度：</label>

                            <select name="education" class="form-control" id="education">

                <option value="研究生">研究生</option>

                <option value="大学本科">大学本科</option>

                <option value="大学专科">大学专科</option>

                <option value="高中">高中</option>

                <option value="初中">初中</option>

                <option value="小学">小学</option>

                <option value="未上过学">未上过学</option>

            </select>

                        </div>

                        <div class="a">

                            <button type="submit" class="b">保   存</button>

                        </div>

                        <div class="a">

                            <a href="index.jsp">返回</a>

                        </div>

                    </form>

                </div>

                <script Language="javaScript">

                    function check() {

                        if (document.information.sqare.value == "") {

                            alert("住房面积不能为空.");

                            document.information.sqare.focus();

                            return false;

                        }

                        if (document.information.jian.value == "") {

                            alert("房间数不能为空.");

                            document.information.jian.focus();

                            return false;

                        }

                        if (document.information.owname.value == "") {

                            alert("房主姓名不能为空.");

                            document.information.owname.focus();

                            return false;

                        }

                        if (document.information.idcard.value == "") {

                            alert("身份证号不能为空.");

                            document.information.idcard.focus();

                            return false;

                        }

                        if (document.information.zu.value == "") {

                            alert("民族不能为空.");

                            document.information.zu.focus();

                            return false;

                        }

                        var a = document.information.idcard.value.length;

                        if (a != 18) {

                            alert("身份证位数应为18位.");

                            document.information.idcard.focus();

                            return false;

                        }

                        var reg = /^[0-9]+.?[0-9]*$/;

                        /*for(var i=0;i<a;i++)

                        {

                            if (reg.test(document.information.idcard.value.charCodeAt(i))) {}

                            else if(document.information.idcard.value.charCodeAt(i)==X&&i==12){}

                            else if(document.information.idcard.value.charCodeAt(i)==x&&i==12){}

                            else{

                                alert("身份证输入非法字符");

                                document.information.idcard.focus();

                                return false;

                            }

                        }*/

                        return true;

                    }

                </script>

    </body>

    </html

人口信息查询

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>Document</title>

</head>

<body>

    <form action="/人口普查系统HtmlJsp/servlet?method=show" method="POST">

        请输入户主姓名

        <input type="text" name="name"><br>

        <input type="submit" value=查询> </form>

</body>

</html>
<%@ page language="java" contentType="text/html; charset=UTF-8"

         pageEncoding="UTF-8"%>

<!DOCTYPE html>

<html>

<head>

    <meta charset="UTF-8">

    <title>Insert title here</title>

    <style>

        .a{

            margin-top: 20px;

        }

        .b{

            font-size: 20px;

            width: 160px;

            color: white;

            background-color: greenyellow;

        }

    </style>

</head>

<body>

<div align="center">

    <h1 style="color: cyan;">信息查询</h1>

    <form action="/人口普查系统HtmlJsp/servlet?method=Serach" method="post" onsubmit="return check()">

        <div class="a">

            房主姓名:<input type="text"  name="name"/>

        </div>

        <div class="a">

            <label>性别：</label>

            <input type="radio" name="sex" value="男"/>男

            <input type="radio" name="sex" value="女"/>女

        </div>

        <div class="a">

            民族<input type="text"  name="nation"/>

        </div>

        <div class="form-group">

            <label for="address">受教育程度：</label>

            <select name="education" class="form-control" id="address">

            <option value=" ">无</option>

                <option value="研究生">研究生</option>

                <option value="大学本科">大学本科</option>

                <option value="大学专科">大学专科</option>

                <option value="高中">高中</option>

                <option value="初中">初中</option>

                <option value="小学">小学</option>

                <option value="未上过学">未上过学</option>

            </select>

        </div>

        <div class="a">

            <button type="submit" class="b">查&nbsp;&nbsp;&nbsp;&nbsp;询</button>

        </div>

        <div class="a">

            <a href="index.jsp" >返回</a>

        </div>

    </form>

</div>

</body>

</html>

人口信息普查系统-JavaWeb-四的更多相关文章

  1. 人口信息普查系统-JavaWeb-一

    建民说要期中考试了,我赶紧翻阅了去年的考试题目,去年的试题是要求做一个人口普查系统.我就试着做了一下,今天主要和大家分享题目要求. 其中考试确实有些难度,用到了许多没有接触过的知识,比如JavaScr ...

  2. 人口信息普查系统-JavaWeb-五

    今天分享人口普查系统删除查询前端代码 <%@ page language="java" contentType="text/html; UTF-8" pa ...

  3. 人口信息普查系统-JavaWeb-三

    今天给大家分享前端主页面的代码,设有五个功能.涉及到增删改查,用到了超链接的跳转. <!DOCTYPE html> <html lang="en"> < ...

  4. 人口信息普查系统-JavaWeb-二

    上次发表了人口普查系统的题目要求,今天和大家分享一下我的技术方案. 技术上用到的是html+jsp+JavaBean+servlet+JavaScript 其实现在的前端页面主流还是html,它可以实 ...

  5. “MVC+Nhibernate+Jquery-EasyUI” 信息发布系统 第四篇（用户管理功能的实现）

    “MVC+Nhibernate+Jquery-EasyUI” 信息发布系统 第四篇(用户管理功能的实现) 一.前三篇的内容是否对您有帮助呢?如果有的话,请您继续关注这篇吧,这篇主要是实现”用户管理“的 ...

  6. 【百度地图API】建立全国银行位置查询系统（四）——如何利用百度地图的数据生成自己的标注

    原文:[百度地图API]建立全国银行位置查询系统(四)--如何利用百度地图的数据生成自己的标注 摘要: 上一章留个悬念,"如果自己没有地理坐标的数据库,应该怎样制作银行的分布地图呢?&quo ...

  7. C语言身份证信息查询系统（修改版）

    很久以前写了一个<C语言身份证信息查询系统>,如果你点击链接进去看了. 估计也会被我那磅礴大气的代码震惊到的,最近复习/学习文件操作,把代码改了改,算是对以前还不会文件操作的时候的愿望,哈 ...

  8. “MVC+Nhibernate+Jquery-EasyUI” 信息发布系统 第六篇（图片新闻的添加以及带分页的静态页的生成）

    “MVC+Nhibernate+Jquery-EasyUI” 信息发布系统 第六篇(图片新闻的添加以及带分页的静态页的生成) 一.这篇文章主要是要实现:图片新闻的添加,无刷新图片的上传,以及添加新闻静 ...

  9. “MVC+Nhibernate+Jquery-EasyUI”信息发布系统 第二篇（数据库结构、登录窗口、以及主界面）

    “MVC+Nhibernate+Jquery-EasyUI”信息发布系统 第二篇(数据库结构.登录窗口.以及主界面) 一.在上一篇文章中,主要说的就是把主框架搭建起来,并且Nhibernate能达到增 ...

随机推荐

  1. 【剑指Offer】07. 重建二叉树 解题报告（Java & Python & C++）

    作者: 负雪明烛 id: fuxuemingzhu 个人博客:http://fuxuemingzhu.cn/ 个人微信公众号:负雪明烛 目录 题目描述 解题方法 基本方法:线性查找根节点的位置 方法优 ...

  2. 【剑指Offer】第一个只出现一次的字符 解题报告（Python）

    [剑指Offer]第一个只出现一次的字符 解题报告(Python) 标签(空格分隔): 剑指Offer 题目地址:https://www.nowcoder.com/ta/coding-intervie ...

  3. Kafka基础教程（三）：C#使用Kafka消息队列

    接上篇Kafka的安装,我安装的Kafka集群地址:192.168.209.133:9092,192.168.209.134:9092,192.168.209.135:9092,所以这里直接使用这个集 ...

  4. Linux密码文件介绍

    1. 查看shadow文件内容```cat /etc/shadow```可以看到shadow文件内容,例如:```root:$1$Bg1H/4mz$X89TqH7tpi9dX1B9j5YsF.:148 ...

  5. 年功序列c++游戏

    题目描述 在虚拟国度里多了很多 Virtual oier,为了树立对后辈的威信,从第 11 个 Virtual oier 开始的 oier 们搞起了年功序列的制度. 虚拟国度的创始人 oier Cht ...

  6. CentOS 系统 查看 cpu核数

    转载自 :Centos下查看cpu核数 - 韩憨 - 博客园 (cnblogs.com) 1.概念物理CPU:实际Server中插槽上的CPU个数.物理cpu数量:可以数不重复的 physical i ...

  7. git 忽略本地文件的修改

    项目开发过程中,会遇到本地配置文件每个开发人员不同的情况,但如果遇到类似数据库配置这种最终需要加入 git 版本控制的配置,则会陷入两难境地.要么不跟踪,要么有人提交后其他人同步下来必须手动修改,非常 ...

  8. Kubernetes 部署 Kubernetes-Dashboard v2.0.0 尝鲜

    目录· . 一.简介· . 二.兼容性· . 三.部署 Kubernetes Dashboard· . 1.Dashboard RBAC· . 2.创建 ConfigMap.Secret· . 3.k ...

  9. [ unittest ] 使用初体验

    import unittest from cal import Calculate class Mytest(unittest.TestCase): def setUp(self): self.cal ...

  10. CentOS 7 把已登录的用户断开

    1. 查看登陆用户 [root@localhost ~]#  w 18:29:30 up 377 days, 8:44, 4 users, load average: 0.05, 0.12, 0.09 ...