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

人口登记

<%@ 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. 【LeetCode】966. Vowel Spellchecker 解题报告（Python）

    作者: 负雪明烛 id: fuxuemingzhu 个人博客: http://fuxuemingzhu.cn/ 目录 题目描述 题目大意 解题方法 字典 日期 题目地址:https://leetcod ...

  2. 【LeetCode】794. Valid Tic-Tac-Toe State 解题报告（Python）

    作者: 负雪明烛 id: fuxuemingzhu 个人博客: http://fuxuemingzhu.cn/ 题目地址: https://leetcode.com/problems/valid-ti ...

  3. 【LeetCode】77. Combinations 解题报告（Python & C++）

    作者: 负雪明烛 id: fuxuemingzhu 个人博客: http://fuxuemingzhu.cn/ 目录 题目描述 题目大意 解题方法 方法一:递归 方法二:回溯法 日期 题目地址:htt ...

  4. 【C\C++笔记】register寄存器关键字

    使用寄存器变量提高运行速度 1未使用寄存器组 #include<stdio.h> int main(){ unsigned long a=0; for(int i=0;i<10000 ...

  5. 源码分析 SpringCloud 2020.0.4 版本 EurekaClient 的注册过程

    1. 概述 老话说的好:要善于思考,有创新意识. 言归正传,之前聊了 Springboot 的启动过程,今天来聊聊 Eureka Client 的注册过程. 2. Eureka Client 的注册过 ...

  6. 【云开发】10分钟零基础学会做一个快递查询微信小程序，快速掌握微信小程序开发技能（轮播图、API请求）

    大家好,我叫小秃僧 这次分享的是10分钟零基础学会做一个快递查询微信小程序,快速掌握开发微信小程序技能. 这篇文章偏基础,特别适合还没有开发过微信小程序的童鞋,一些概念和逻辑我会讲细一点,尽可能用图说 ...

  7. 利用js 引用的方式 鼠标经过弹出效果

    js引用的是此网站代码: https://www.cnblogs.com/jq-growup/p/15609469.html <!DOCTYPE html> <html lang=& ...

  8. django中使用支付宝

    一.注册 https://auth.alipay.com/login/ant_sso_index.htm?goto=https%3A%2F%2Fopenhome.alipay.com%2Fplatfo ...

  9. zabbix监控图形中文乱码的解决方法

    问题描述: 最近搭建了一套zabbix,当我把语言切换到中文的时候,发现监控的图形界面中一些中文参数乱码,但是图形界面在英文环境下完全没有乱码问题.如下图(中文界面): 解决方法: 解决方法有两种,方 ...

  10. js几种常见排序的实现

    1. 冒泡排序 定义: 比较相邻的前后二个数据,如果前面数据大于后面的数据,就将二个 数据交换. 这样对数组的第0个数据到N-1个数据进行一次遍历后,最大的一个数据就"沉"到数组第 ...