码迷,mamicode.com
首页 > 其他好文 > 详细

表单开发(二):获取单选按钮,多行文本框,下拉菜单,捆绑元素数据,用户注册

时间:2015-07-27 23:05:42      阅读:121      评论:0      收藏:0      [点我收藏+]

标签:表单   单选按钮   下拉菜单   

单选按钮:<input type="radio">
多行文本框:<textarea rows="5" cols="30"></textarea>
下拉菜单:seclet option
<select name="home" ><!--下拉列表-->
<option value="北 京">北 京</option>
<option value="上 海">上 海</option>
<option value="广 州">广 州</option>
<option value="深 圳">深 圳</option>
</select>

<!--register.jsp-->
<%@ page language="java" import="java.util.*" pageEncoding="GB2312"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">    
    <title>用户注册</title>   
    <meta http-equiv="pragma" content="no-cache">
    <meta http-equiv="cache-control" content="no-cache">
    <meta http-equiv="expires" content="0">    
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="This is my page">
    <!--
    <link rel="stylesheet" type="text/css" href="styles.css">
    -->

  </head>

  <body>
    <script type="text/javascript">
       function register(){
            if(document.loginform.zhanghao.value==""){
              window.alert("账号不能为空!");
              return ;
            }
            if(document.loginform.mima.value==""){
              window.alert("密码不能为空!");
              return ;
            }
            if((document.loginform.mima.value)!=(document.loginform.confirmmima.value)){
              window.alert("两次密码不一样!请确认密码!");
              return ;
            }
            loginform.submit();
       }
    </script>
    <form action="registerresult.jsp" name="loginform" method="post">
        <h4 align="center"><b>用户注册</b></h4><br>         
       <table align="center" border="1" width="300">
         <tr>
            <td>请输入账号:</td>
            <td><input name="zhanghao" type="text"> </td>
         </tr>
         <tr>
            <td>请输入密码:</td>
            <td><input name="mima" type="password"> </td>
         </tr>
         <tr>
            <td>请确认密码:</td>
            <td><input name="confirmmima" type="password"> </td>
         </tr>
         <tr>
            <td>请选择性别:</td>
            <td><input name="sex" type="radio" value="男"><input name="sex" type="radio" value="女"></td><!--单选按钮-->
         </tr>
        <tr>
            <td>请选择家乡:</td>
            <td>
              <select name="home" ><!--下拉列表-->
                <option value="北    京">北     京</option>
                <option value="上   海">上   海</option>
                <option value="广   州">广   州</option>
                <option value="深    圳">深    圳</option>             
              </select>
             </td>
         </tr>
        <tr>
            <td>请选择爱好:</td>
            <td>
            <input name="fav" type="checkbox" value="唱歌">唱歌
            <input name="fav" type="checkbox" value="跳舞">跳舞
            <input name="fav" type="checkbox" value="打球">打球   <!--复选框-->          
            </td>
         </tr>
          <tr>
            <td colspan="2">请输入个人信息:</td>  <!--表单元素跨越两列-->      
         </tr>
         <tr>
            <td colspan="2" ><textarea name="info" rows="5" cols="30"></textarea></td> <!--多行文本框-->       
         </tr>
         <tr>
            <td></td>
            <td><input type="button" value="注册" onclick="register()"> <input type="button" value="忘记密码?"></td>
         </tr>
       </table>         
     </form>
  </body>
</html>
<!--registerresult.jsp-->
<%@ page language="java" import="java.util.*" pageEncoding="GB2312"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">

    <title>My JSP ‘registerresult.jsp‘ starting page</title>

    <meta http-equiv="pragma" content="no-cache">
    <meta http-equiv="cache-control" content="no-cache">
    <meta http-equiv="expires" content="0">    
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="This is my page">
    <!--
    <link rel="stylesheet" type="text/css" href="styles.css">
    -->
  </head> 
  <body>
    <% 
          request.setCharacterEncoding("GB2312");//表单提交可以显示中文,不会出现中文乱码
          String user=request.getParameter("zhanghao");
          String password=request.getParameter("mima"); 
          String sex=request.getParameter("sex");    
          String home=request.getParameter("home"); 
          String[] fav=request.getParameterValues("fav"); 
          String info=request.getParameter("info");               
        %>
        <table align="center">
            <tr>
              <td>账号为:</td>
              <td><%= user %></td>
            </tr>
            <tr>
              <td>密码为:</td>
              <td><%= password %></td>
            </tr>
            <tr>
              <td>性别为:</td>
              <td><%= sex %></td>
            </tr>
           <tr>
              <td>家乡为:</td>
              <td><%= home %></td>            
            </tr>
            <tr>
              <td>爱好为:</td>
              <td>
              <%
                 for(int i=0;i<fav.length;i++){
                 out.println(fav[i]+" ");
              }%>             
              </td>           
            </tr>

            <tr>
              <td>个人信息为:</td>
              <td><%= info %></td>            
            </tr>
        </table>
  </body>
</html>

确认密码:
技术分享
registerresult接收到数据显示的结果:
技术分享

版权声明:本文为博主原创文章,未经博主允许不得转载。

表单开发(二):获取单选按钮,多行文本框,下拉菜单,捆绑元素数据,用户注册

标签:表单   单选按钮   下拉菜单   

原文地址:http://blog.csdn.net/tuke_tuke/article/details/47091449

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!