700字范文,内容丰富有趣,生活中的好帮手!
700字范文 > 表单开发(二):获取单选按钮 多行文本框 下拉菜单 捆绑元素数据 用户注册

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

时间:2019-06-06 05:51:51

相关推荐

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

单选按钮:<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接收到数据显示的结果:

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。