使用IDEA学习JSP代码第012课

new351.jsp

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>bootstrap + jsp 的使用</title>
    <link rel="stylesheet" href="../other/boot/css/bootstrap.min.css">
    <script type="text/javascript" src="../other/jQuery/jQuery-3.4.1.js"></script>
    <script type="text/javascript" src="../other/boot/js/bootstrap.min.js"></script>

</head>
<body>
<%@include file="new348.jsp"%>
<div class="container-fluid">
    <div class="row">
        <div class="col-md-6 col-md-offset-3">
            <form class="form-horizontal" method="post" action="new353">
                <div class="form-group">
                    <label class="col-sm-2 control-label">提示:</label>
                    <div class="col-sm-10">
                        <p class="form-control-static">输入你的信息,会员名字必须由字母和数字组成,带*号项必须填写。</p>
                    </div>
                </div>
                <div class="form-group">
                    <label for="loginName" class="col-sm-2 control-label">*用户名:</label>
                    <div class="col-sm-10">
                        <input type="text" class="form-control" id="loginName" name="loginName" placeholder="用户名" required="required">
                    </div>
                </div>
                <div class="form-group">
                    <label for="pwd" class="col-sm-2 control-label">*密码:</label>
                    <div class="col-sm-10">
                        <input type="password" class="form-control" id="pwd" name="pwd" placeholder="密码" required="required">
                    </div>
                </div>
                <div class="form-group">
                    <label class="col-sm-2 control-label">性别:</label>
                    <div class="col-sm-10">
                        <label class="radio-inline">
                            <input type="radio" name="sex" id="sex1" value="男" checked="checked"> 男性
                        </label>
                        <label class="radio-inline">
                            <input type="radio" name="sex" id="sex2" value="女"> 女性
                        </label>
                    </div>
                </div>
                <div class="form-group">
                    <label for="age" class="col-sm-2 control-label">年龄:</label>
                    <div class="col-sm-10">
                        <input type="number" class="form-control" id="age" name="age" placeholder="年龄">
                    </div>
                </div>
                <div class="form-group">
                    <label for="phone" class="col-sm-2 control-label">联系电话:</label>
                    <div class="col-sm-10">
                        <input type="tel" class="form-control" id="phone" name="phone" placeholder="电话">
                    </div>
                </div>
                <div class="form-group">
                    <label for="email" class="col-sm-2 control-label">邮箱:</label>
                    <div class="col-sm-10">
                        <input type="email" class="form-control" id="email" name="email" placeholder="电子邮箱">
                    </div>
                </div>
                <div class="form-group">
                    <label for="mess" class="col-sm-2 control-label">个人简介:</label>
                    <div class="col-sm-10">
                        <textarea class="form-control" rows="5" id="mess" name="mess"></textarea>
                    </div>
                </div>
                <div class="form-group">
                    <div class="col-sm-offset-2 col-sm-10">
                        <button type="submit" class="btn btn-default">注册</button>
                    </div>
                </div>
            </form>
        </div>
    </div>
</div>
</body>
</html>

new352.jsp

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ page import="pack03.new350" %>
<jsp:useBean id="register" class="pack03.new350" scope="request"/>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>bootstrap + jsp 的使用</title>
    <link rel="stylesheet" href="../other/boot/css/bootstrap.min.css">
    <script type="text/javascript" src="../other/jQuery/jQuery-3.4.1.js"></script>
    <script type="text/javascript" src="../other/boot/js/bootstrap.min.js"></script>

</head>
<body>
<%@include file="new348.jsp"%>
<div class="container-fluid">
    <div class="row">
        <div class="col-md-6 col-md-offset-3">
            <p><jsp:getProperty name="register" property="backnews"/></p>
            <table class="table table-bordered">
                <tr>
                    <td>注册的会员名称:</td>
                    <td><jsp:getProperty name="register" property="loginname"/></td>
                </tr>
                <tr>
                    <td>注册的性别:</td>
                    <td><jsp:getProperty name="register" property="sex"/></td>
                </tr>
                <tr>
                    <td>注册的年龄:</td>
                    <td><jsp:getProperty name="register" property="age"/></td>
                </tr>
                <tr>
                    <td>注册的电子邮件:</td>
                    <td><jsp:getProperty name="register" property="email"/></td>
                </tr>
                <tr>
                    <td>注册的电话:</td>
                    <td><jsp:getProperty name="register" property="phone"/></td>
                </tr>
                <tr>
                    <td>注册的简介:</td>
                    <td><jsp:getProperty name="register" property="message"/></td>
                </tr>
            </table>
        </div>
    </div>
</div>
</body>
</html>

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

虾米大王

有你的支持,我会更有动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值