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

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

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

python 下拉列表单选框怎么获取元素_JS获取文本框,下拉框,单选框的值的简单实例...
1.文本框 1.1 通过var t=document.getElementById("test").value把值赋给变量t, 1.2 当然也可以反过来把已知的变量值赋给文本框,例 ...
表单开发(一):获取文本框和密码框数据用户登录网页
passwordForm.jsp <%@ page language="java" import="java.util.*" pageEncoding=& ...
dropdownlist三级联动怎么实现_Excel下拉菜单不会做？15秒教会你制作一二三级联动下拉菜单，从此做表不求人！...
Hi,各位叨友们好呀!我是叨叨君~ 我们都知道,在使用Excel表格统计数据的时候,为了方便录入,通常会在Excel中设置下拉菜单,以便我们输入相同的内容. 那么,Excel中一级.二级.三级联动下拉 ...
dw二级联动下拉菜单插件宋君墨_Excel下拉菜单不会做？15秒教会你制作一二三级联动下拉菜单，从此做表不求人！...
Hi,各位叨友们好呀!我是叨叨君~ 我们都知道,在使用Excel表格统计数据的时候,为了方便录入,通常会在Excel中设置下拉菜单,以便我们输入相同的内容. 那么,Excel中一级.二级.三级联动下拉 ...
jQuery获取下拉菜单列表的值
在表单提交的网页中,我们经常使用下拉菜单列表,这篇文章解释了如何获取下拉列表选择的值. 在jQuery中,我们通过使用.val()方法获得下拉列表的选定值. .val()方法主要用于获取表单元素的值, ...
excel2019如何做下拉菜单选项（数据源不占用原表上的单元格）
作为一个傻不拉几的菜鸟,今天又有收获了,好开心的,虽然被实验室一小姐姐给嫌弃得,不过谁让我脸皮够厚呢,哈哈哈哈. 目的:想在excel表格上增加单独的一列,如,某一列的第一行是姓名,剩下若干行增加一个 ...
基于React的表单开发的分析(上)
本文主要讲解后台系统与表单相关的页面开发,并分析如何才能更好地.高效地开发. 技术栈 React Antd 背景 Antd 以下我都将Ant Design 简称为 Antd Ant Design是个服 ...
强大的移动端表单开发方案 @alitajs/dform(附视频)
强大的移动端表单开发方案 @alitajs/dform 强大的移动端表单开发方案 @alitajs/dform 一.开发设想二.基础使用三.提效点 1.`picker` 组件: 2.一行代码配置样 ...
jquery miniui java_jQuery MiniUI 快速入门：表单开发（四）
表单开发包括:布局.验证.加载.提交.清除.重置等. 效果图如下: 表单布局使用HTML Table标签实现任意丰富的表单布局: 姓名: 地址: 性别: 年龄: 备注: 数据验证监听处理控件的&quo ...

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

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

最新文章

热门文章