记录用户信息的jsp页面（包含对于爱好和出生日期的js）

最新推荐文章于 2022-05-01 20:58:56 发布
最新推荐文章于 2022-05-01 20:58:56 发布
阅读量1.7k 收藏 3
点赞数
分类专栏： Java
addcustomer.jsp页面：
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>添加客户</title>
    <script type="text/javascript" src="${pageContext.request.contextPath }/js/customer.js"></script>
  </head>

  <body style="text-align: center;" οnlοad="pageInit()">

    <form action="${pageContext.request.contextPath }/servlet/AddCustomerServlet" method="post" οnsubmit="return dosubmit()" id="customer">
    <table width="55%" border="1">
                <tr>
                                <td>客户姓名</td>
                                <td>
                                                <input type="text" name="name">
                                </td>
                </tr>

                <tr>
                                <td>性别</td>
                                <td>
                                                <input type="radio" name="gender" value="男">男
                                                <input type="radio" name="gender" value="女">女
                                </td>
                </tr>

                <tr>
                                 <td>生日</td>
                                <td>
                                                <select id="year">
                                                                <option value="1900">1900</option>
                                                </select>年

                                                <select id="month">
                                                                <option value="01">01</option>
                                                </select>月

                                                <select id="day">
                                                                <option value="01">01</option>
                                                </select>日
                                </td>
                </tr>

                <tr>
                                <td>手机</td>
                                <td>
                                                <input type="text" name="cellphone">
                                </td>
                </tr>

                <tr>
                                <td>邮箱</td>
                                <td>
                                                <input type="text" name="email">
                                </td>
                </tr>

                <tr>
                                <td>爱好</td>
                                <td>
                                                <c:forEach var="pre" items="${preferences}">
                                                                <input type="checkbox" name="pre" value="${pre }">${pre }
                                                </c:forEach>
                                </td>
                </tr>

                <tr>
                                <td>客户类型</td>
                                <td>
                                                <c:forEach var="type" items="${types}">
                                                                <input type="radio" name="type" value="${type }">${type }
                                                </c:forEach>
                                </td>
                </tr>

                <tr>
                                <td>客户备注</td>
                                <td>
                                                <textarea rows="5" cols="50" name="description"></textarea>
                                </td>
                </tr>

                <tr>
                                <td>
                                                <input type="reset" value="清空">
                                </td>
                                <td>
                                                <input type="submit" value="添加客户">
                                </td>
                </tr>

    </table>
    </form>

  </body>
</html>

相关的customer.js

function pageInit()
{
    makeYear();
    makeMonth();
    makeDay();

}

function makeYear(){

    var year = document.getElementById("year");

    for(var i=1901;i<=new Date().getYear();i++){
        var option = document.createElement("option");
        option.value = i;
        option.innerText = i;
        year.appendChild(option);
    }
}

function makeMonth()
{
    var month = document.getElementById("month");
    for(var i=2;i<=12;i++)
    {
        var option = document.createElement("option");
        if(i<10)
        {
            option.value = '0' + i;
            option.innerText = '0' + i;
        }else{
            option.value = i;
            option.innerText = i;
        }
        month.appendChild(option);
    }
}

function makeDay()
{
    var day = document.getElementById("day");
    for(var i=2;i<=31;i++)
    {
        var option = document.createElement("option");
        if(i<10)
        {
            option.value = '0' + i;
            option.innerText = '0' + i;
        }else{
            option.value = i;
            option.innerText = i;
        }
        day.appendChild(option);
    }
}

function dosubmit()
{
    makeBirthday();
    makePreference();
    return true;
}

function makeBirthday(){

    var year = document.getElementById("year").value;
    var month = document.getElementById("month").value;
    var day = document.getElementById("day").value;

    var birthday = year + "-" + month + "-" + day;

    var input = document.createElement("input");
    input.type="hidden";
    input.name = "birthday";
    input.value = birthday

    document.getElementById("customer").appendChild(input);

}

function makePreference()
{
    var preference = "";
    var pres = document.getElementsByName("pre");
    for(var i=0;i<pres.length;i++)
    {
        if(pres[i].checked==true)
        {
            preference = preference + pres[i].value + ",";
        }
    }
    preference = preference.substr(0,preference.length-1);   

    var input = document.createElement("input");
    input.type = "hidden";
    input.name = "preference";
    input.value=preference;

    document.getElementById("customer").appendChild(input);

}
ldy944758217
关注
专栏目录
js 分行显示已选爱好
weixin_52772897的博客
02-18 2075
在上行选择自己的爱好后，效果如下图示： <!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...
jsp注册页面，全解
l892675183的专栏
09-24 1181
一．能够向服务器发送请求的方法： 在中写上 会隔几秒向服务器发一次请求 一，生日中控件的使用 1，在register页面head中用script 2，在html中写上 3，在列表中导入 4，用到这几个控件 用到这几个日历控件 二，验证码得使用 1，用到控件 这几个复制到项目的适当位置 2，html中这样写 3，在页
JSP基础知识
pengzhisen123的博客
05-18 1万+
一、什么是JSP JSP是由Sun公司倡导、许多公司参与而建立的动态网页技术标准。它在HTML代码中嵌入java代码片段（Scriptlet）和JSP标签，构成了JSP网页。在接收到用户请求时，服务器会处理java代码片段，然后生成处理结果的HTML页面返回给客户端，客户端的浏览器将呈现最终页面效果。 二、JSP技术特征 1、跨平台 2、业务代码分离 3、组件重用（javabean） 4、继...
JSP学习笔记（一）
monkey_kong的博客
07-11 4571
第一章 JavaWeb简介 1.什么是Web应用程序 什么是Web应用程序是一种通过Web访问的应用程序。Web应用程序一个最大优点就是用户很容易访问。用户只需要有浏览器即可，不需要再安装其他软件。Web开发是目前软件开发领域的三大方向之一。（桌面应用程序，Web应用程序，嵌入式应用程序） 2.静态页面与动态页面 静态网页 表现形式：网页内容固定，不会更新。 所需技术：HTML,CSS
javaweb简易学生管理系统，对学生信息的增删查改
热门推荐
qq_45100706的博客
06-17 1万+
用eclipse做的课后实验项目，功能还挺多的，包括注册、登录（有验证码）、对学生信息的增删查改以及文件的上传和下载等。具体效果如下： 注册界面： 登录界面： 登录成功后跳转到如下界面： 选择第一个操作，进到下一个页面（查询学生信息）： 点击修改和删除可以对学生信息进行修改和删除，文件上传和下载功能网上都可以搜，这里就不做演示了。 首先是数据库中有个学生表，其中包含学生的基本信息。 项目大概结构如下： 分包大概如下吧（自身习惯）： 做项目前先准备好下面工具： 导入需要的jar包以及创建连接数据库
jsp网上招标系统毕业设计
qq_17739911的博客
03-12 2107
毕业设计说明书 网上招标系统 网上招标系统 摘要 从本世纪初，互联网开始加速发展，各种创新型应用和互联网新概念不断出现，例如搜索引擎、电子商务、博客、维基百科、RSS、3G、web2.0、长尾理论等。这些应用和概念与知识管理都有着或多或少的关系。如何利用互联网进行知识管理...
MySQL、JDBC、HTML、CSS、JavaScript、jQuery、tomcat、Http、Servlet、JSP、EL、JSTL、Maven、Cookie、Session（框架第一部分）
wrh0740的博客
07-10 5120
第一章 MySQL 1. 数据库 1、什么是数据库？ 所谓的数据库就是指存储和管理数据的仓库 2、数据库有哪些分类？ 3、什么是关系型数据库？ 底层以二维表的形式保存数据的库就是关系型数据库 stu-学生表 4、常见的关系型数据库有哪些？ Sql Server：微软提供，收费，适用于一些中型或大型的项目中，在java中的使用占比不高（.NET中使用的较多） Oracle：甲骨文公司提供，收费，适用于一些大型或者超大型的项目中，在java中的使用占比非常高 mysql：瑞典MySQLAB公司提
JAVA超市综合管理信息区块链系统毕设论文
05-23 5152
摘 要 由于科技的发展，信息量的剧烈膨胀，企业要想适应信息社会迅猛发展的浪潮，就必须借助于Internet构建新的运营模式，连锁超市已经成为很多企业要采用的新模式。同时J2EE平台的产品几乎能够在任何操作系统和硬件配置上运行，因此文中设计了一个基于J2EE 架构的超市综合管理信息系统。根据J2EE 架构的多层应用程序方案和超市管理信息系统的特点，系统采用以Web 为中心的应用程序方案。该系统可以提高企业的整体运营速度，给企业带来巨大的财富。 本网络超市综合管理信息系统的整体开发中尝试了当前最新的思路和.
Spring学习记录01
qq_43322095的博客
12-07 320
JavaEE概述 第一阶段：Java2.0 版本提出Java划分为3大平台; JavaSE：标准版 （桌面应用：eclipse ，Navicat，IDEA） JavaME：微型版 （移动端应用） JavaEE：企业版 （开发大型企业应用） 大型企业应用需求 1、高并发（能够支持大量的用户同时在线 几万-几百万）； 2、大数据量（单表的数据可能都达到 几千万）； 3、支持分布式事务； 4、支持集群，支持负载均衡； 注意：单台的tomcat 在单位时间1s内，能支持0-500个并发请求； 需要的技术 轻量级框架
jsp原理笔记（四）
NicolasHe的专栏
04-21 942
使用request.getParameterValues()方法： hobby.jsp: 选择自己的爱好 选择自己的业余爱好： 唱歌 跳舞 足球 篮球 result.jsp: 个人爱好 <% request.setCharacterEncoding("GBK"); String strhobby=""; String[] hobb
JavaScript DOM操作案例点击按钮修改性别跟兴趣
weixin_30458043的博客
07-19 273
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title></title> 6 </head> 7 <body> 8 <input type="b...
js点击按钮修改性别
u014414110的博客
02-22 1339
点击按钮修改性别 &lt;body&gt; &lt;input type="button" value="修改性别" id="btn"/&gt; &lt;input type="checkbox" value="男" name="sex" id="nan" /&gt;男 &lt;input ty
【JSP】用户信息界面操作 ---- 用户信息修改
懂得一千零一种,赋予你失败的方法！
02-18 1万+
文章目录用户信息界面操作 ---- 用户信息修改Ⅰ.修改userinfo.jsp 实现修改页面跳转Ⅱ.创建 userUpdate.jsp 修改页面Ⅲ.完善 dbHelper类，添加用户修改方法Ⅳ.创建 upDataServlet，实现用户信息修改功能Ⅴ.效果展示 用户信息界面操作 ---- 用户信息修改 Ⅰ.修改userinfo.jsp 实现修改页面跳转 之前在设计userinfo.jsp中的操作内容时，并没有具体的实现。今天来实现一个简单的用户修改功能。 href="userUpdate.jsp?..
人物管理系统Servlet【完整版】
明思齐的博客
05-01 802
前言：今天要讲的是Servlet版本的人物数据维护 一、项目框架（以图展示） 1、在Oracel中创建人物表（字段：姓名、性别、年龄、爱好、地址、成就） 2、在Eclipse中创建项目 二、效果图展示 index.jsp(主页面) add.jsp（添加人物） update.jsp（修改人物信息） select.jsp（人物详情） delete.jsp（删除人物） 三、代码展示(重点代码展示) index.jsp <script type...
JSP基础（一）jsp页面使用java代码
一只萌萌的博客
11-18 1万+
在jsp页面使用java代码。 . jsp脚本 语法：<% //写java代码 %> 在jsp页面定义变量和声明函数 语法示例： <%! //声明 %> 表达式使用 语法： <%= 表达式%> //注意：表达式不以分号结束 例子 在页面输出今天日期 import=”java.text.*”是 java下SimpleDateFormat所在包。 <%@ page language
JS案例:一次询问并获取用户的姓名,年龄性别,并打印用户信息
weixin_44079801的博客
06-26 5503
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>作业</title> //案例:一次询问并获取用户的姓名,年龄性别,并打印用户信息 <script> var name = prompt('请输入您的姓名'); var age = prompt('请输入您的年龄'); var sex = prompt('请输入您
第四章 JSP_02
我的博客
03-25 1209
JSP动作标签 JSP 2.0 规范中提供了20多个标准的使用XML语法写成的动作标签，这些标签可用来实现特殊的功能，例如，转发用户请求、操作JavaBean、包含其他文件等。 动作标签是在请求处理阶段按照在页面中出现的顺序被执行的。JSP 动作标签的优先级低于指令标签，在JSP页面被执行时将首先进入翻译阶段，程序会先查找页面中的指令标签，将它们转换成 Servlet，从而设置整个JSP页面。...
jsp实现表单提交跳转
zj17860252273的博客
12-09 1315
页面介绍 login.jsp 用户登录页面，提交给process.jsp。 process.jsp 处理页面，若用户名为“admin”，密码为“000”，则跳转到show.jsp，否则跳转login.jsp。 show.jsp 列出登录页面的属性。 源代码 login.jsp 用户名： 用户密码： 用户性别：男 女 用户爱好：游泳 看书 ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值