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

人口登记

  1. <%@ page language="java" contentType="text/html; charset=UTF-8"
  2.          pageEncoding="UTF-8"%>
  3.     <!DOCTYPE html>
  4.     <html>
  5.  
  6.     <head>
  7.         <meta charset="UTF-8">
  8.         <title>人口登记</title>
  9.         <style>
  10.             .a {
  11.                 margin-top: 20px;
  12.             }
  13.  
  14.             .b {
  15.                 font-size: 20px;
  16.                 width: 160px;
  17.                 color: white;
  18.                 background-color: greenyellow;
  19.             }
  20.         </style>
  21.     </head>
  22.  
  23.     <body>
  24.         <%
  25.     Object message = request.getAttribute("message");
  26.     if(message!=null && !"".equals(message)){
  27.  
  28. %>
  29.             <script type="text/javascript">
  30.                 alert("<%=request.getAttribute("
  31.                     message ")%>");
  32.             </script>
  33.             <%} %>
  34.                 <div align="center" id="div1">
  35.                     <h1 style="color: rgb(165, 143, 143);">人口信息登记</h1>
  36.                     <form action="/人口普查系统HtmlJsp/servlet?method=add" name="information" method="post" onsubmit="return check()">
  37.                         <div class="a">
  38.                             <label>户别：</label>
  39.                             <input type="radio" name="hubie" value="家庭户" checked="checked" />家庭户
  40.                             <input type="radio" name="hubie" value="集体户" />集体户
  41.                         </div>
  42.                         <div class="a">
  43.                             <label>住房类型：</label>
  44.                             <input type="radio" name="type" value="家庭住宅" checked="checked" />家庭住宅
  45.                             <input type="radio" name="type" value="集体住所" />集体住所
  46.                             <input type="radio" name="type" value="工作地住所" />工作地住所
  47.                             <input type="radio" name="type" value="其他住宅" />其他住宅
  48.                             <input type="radio" name="type" value="无住宅" />无住宅
  49.                         </div>
  50.  
  51.                         <div class="a">
  52.                             本户现住房面积:<input type="text" id="sqare" name="spare" runat="server" maxlength="100" size="10" onblur="if(/[^0-9]/.test(this.value)){alert('Error');}" />平方米
  53.                         </div>
  54.  
  55.                         <div class="a">
  56.                             本户现住房间数:<input type="text" id="jian" name="number" runat="server" maxlength="100" size="10" onblur="if(/[^0-9]/.test(this.value)){alert('Error');}" />间
  57.                         </div>
  58.  
  59.                         <div class="a">
  60.                             房主姓名:<input type="text" id="owname" name="name" />
  61.                         </div>
  62.  
  63.                         <div class="a">
  64.                             身份证号码:<input type="text" id="idcard" name="idcard" maxlength="18" onKeyUp="value=value.replace(/[\W]/g,'')" />
  65.                         </div>
  66.  
  67.                         <div class="a">
  68.                             <label>性别：</label>
  69.                             <input type="radio" name="sex" value="男" checked="checked" />男
  70.                             <input type="radio" name="sex" value="女" />女
  71.                         </div>
  72.  
  73.                         <div class="a">
  74.                             民族<input type="text" id="zu" name="nation" />
  75.                         </div>
  76.  
  77.                         <div class="form-group">
  78.                             <label for="education">受教育程度：</label>
  79.                             <select name="education" class="form-control" id="education">
  80.                 <option value="研究生">研究生</option>
  81.                 <option value="大学本科">大学本科</option>
  82.                 <option value="大学专科">大学专科</option>
  83.                 <option value="高中">高中</option>
  84.                 <option value="初中">初中</option>
  85.                 <option value="小学">小学</option>
  86.                 <option value="未上过学">未上过学</option>
  87.             </select>
  88.                         </div>
  89.  
  90.                         <div class="a">
  91.                             <button type="submit" class="b">保   存</button>
  92.                         </div>
  93.                         <div class="a">
  94.                             <a href="index.jsp">返回</a>
  95.                         </div>
  96.                     </form>
  97.                 </div>
  98.                 <script Language="javaScript">
  99.                     function check() {
  100.                         if (document.information.sqare.value == "") {
  101.                             alert("住房面积不能为空.");
  102.                             document.information.sqare.focus();
  103.                             return false;
  104.                         }
  105.                         if (document.information.jian.value == "") {
  106.                             alert("房间数不能为空.");
  107.                             document.information.jian.focus();
  108.                             return false;
  109.                         }
  110.                         if (document.information.owname.value == "") {
  111.                             alert("房主姓名不能为空.");
  112.                             document.information.owname.focus();
  113.                             return false;
  114.                         }
  115.                         if (document.information.idcard.value == "") {
  116.                             alert("身份证号不能为空.");
  117.                             document.information.idcard.focus();
  118.                             return false;
  119.                         }
  120.                         if (document.information.zu.value == "") {
  121.                             alert("民族不能为空.");
  122.                             document.information.zu.focus();
  123.                             return false;
  124.                         }
  125.                         var a = document.information.idcard.value.length;
  126.                         if (a != 18) {
  127.                             alert("身份证位数应为18位.");
  128.                             document.information.idcard.focus();
  129.                             return false;
  130.                         }
  131.                         var reg = /^[0-9]+.?[0-9]*$/;
  132.                         /*for(var i=0;i<a;i++)
  133.                         {
  134.                             if (reg.test(document.information.idcard.value.charCodeAt(i))) {}
  135.                             else if(document.information.idcard.value.charCodeAt(i)==X&&i==12){}
  136.                             else if(document.information.idcard.value.charCodeAt(i)==x&&i==12){}
  137.                             else{
  138.                                 alert("身份证输入非法字符");
  139.                                 document.information.idcard.focus();
  140.                                 return false;
  141.                             }
  142.                         }*/
  143.                         return true;
  144.                     }
  145.                 </script>
  146.     </body>
  147.  
  148.     </html

人口信息查询

  1. <!DOCTYPE html>
  2. <html lang="en">
  3.  
  4. <head>
  5.     <meta charset="UTF-8">
  6.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
  7.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  8.     <title>Document</title>
  9. </head>
  10.  
  11. <body>
  12.     <form action="/人口普查系统HtmlJsp/servlet?method=show" method="POST">
  13.         请输入户主姓名
  14.         <input type="text" name="name"><br>
  15.         <input type="submit" value=查询> </form>
  16. </body>
  17.  
  18. </html>
  1. <%@ page language="java" contentType="text/html; charset=UTF-8"
  2.          pageEncoding="UTF-8"%>
  3. <!DOCTYPE html>
  4. <html>
  5. <head>
  6.     <meta charset="UTF-8">
  7.     <title>Insert title here</title>
  8.     <style>
  9.         .a{
  10.             margin-top: 20px;
  11.         }
  12.         .b{
  13.             font-size: 20px;
  14.             width: 160px;
  15.             color: white;
  16.             background-color: greenyellow;
  17.         }
  18.     </style>
  19. </head>
  20. <body>
  21. <div align="center">
  22.     <h1 style="color: cyan;">信息查询</h1>
  23.     <form action="/人口普查系统HtmlJsp/servlet?method=Serach" method="post" onsubmit="return check()">
  24.         <div class="a">
  25.             房主姓名:<input type="text"  name="name"/>
  26.         </div>
  27.  
  28.         <div class="a">
  29.             <label>性别：</label>
  30.             <input type="radio" name="sex" value="男"/>男
  31.             <input type="radio" name="sex" value="女"/>女
  32.         </div>
  33.  
  34.         <div class="a">
  35.             民族<input type="text"  name="nation"/>
  36.         </div>
  37.  
  38.         <div class="form-group">
  39.             <label for="address">受教育程度：</label>
  40.             <select name="education" class="form-control" id="address">
  41.             <option value=" ">无</option>
  42.                 <option value="研究生">研究生</option>
  43.                 <option value="大学本科">大学本科</option>
  44.                 <option value="大学专科">大学专科</option>
  45.                 <option value="高中">高中</option>
  46.                 <option value="初中">初中</option>
  47.                 <option value="小学">小学</option>
  48.                 <option value="未上过学">未上过学</option>
  49.             </select>
  50.         </div>
  51.  
  52.         <div class="a">
  53.             <button type="submit" class="b">查&nbsp;&nbsp;&nbsp;&nbsp;询</button>
  54.         </div>
  55.         <div class="a">
  56.             <a href="index.jsp" >返回</a>
  57.         </div>
  58.     </form>
  59. </div>
  60. </body>
  61. </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】987. Vertical Order Traversal of a Binary Tree 解题报告（C++ & Python）

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

  2. 【LeetCode】941. Valid Mountain Array 解题报告（Python）

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

  3. Java 将Excel转为OFD

    OFD是一种开放版式文档(Open Fixed-layout Document )的英文缩写,是我国国家版式文档格式标准.本文,通过Java后端程序代码展示如何将Excel转为OFD格式.方法步骤如下 ...

  4. HAT

    目录 概 主要内容 代码 Rade R. and Moosavi-Dezfooli S. Helper-based adversarial training: reducing excessive m ...

  5. HTMl+CSS 模仿京东网登录页面

    课后实践项目,仅页面效果,写博客纯属记录! 码云开源仓库地址:https://gitee.com/ynavc/jd 演示地址:https://ynavc.gitee.io/jd 效果图: 实现代码: ...

  6. JavaScript交互式网页设计 • 【第2章 JavaScript函数与事件】

    全部章节   >>>> 本章目录 2.1 JavaScript 自定义函数 2.1.1 函数的定义 2.1.2 函数的调用 2.1.3 函数的参数 2.1.4 函数的返回值 2 ...

  7. Oracle数据库导入csv文件(sqlldr命令行)

    1.说明 Oracle数据库导入csv文件, 当csv文件较小时, 可以使用数据库管理工具, 比如DBevaer导入到数据库, 当csv文件很大时, 可以使用Oracle提供的sqlldr命令行工具, ...

  8. CF149D游戏

    题目描述 Petya遇到了一个关于括号序列的问题: 给定一个字符串S,它代表着正确的括号序列,即("(")与 (")")是匹配的.例如:"(())() ...

  9. 初识python： random 模块

    random 顾名思义,就是取 随机数,需要导入random模块. import random 1.随机获取一个0到1之间的小数(不含首尾) print(random.random()) 2.随机获取 ...

  10. java 字符串 大小写转换 、去掉首末端空格 、根据索引切割字符 、判断是否含有某连续字符串

    1. 字符串转大写: toUpperCase() 字符串转小写: toLowerCase() @Test public void tt(){ String d = "sdgGHJGjghGH ...