生活随笔
收集整理的這篇文章主要介紹了
表单开发(二):获取单选按钮,多行文本框,下拉菜单,捆绑元素数据,用户注册
小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
單選按鈕:<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>
<%@ 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>用戶注冊(cè)
</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"></head><body><script type="text/javascript">function register(){if(document.loginform.zhanghao.value==""){window.alert("賬號(hào)不能為空!");return ;}if(document.loginform.mima.value==""){window.alert("密碼不能為空!");return ;}if((document.loginform.mima.value)!=(document.loginform.confirmmima.value)){window.alert("兩次密碼不一樣!請(qǐng)確認(rèn)密碼!");return ;}loginform.submit();}</script><form action="registerresult.jsp" name="loginform" method="post"><h4 align="center"><b>用戶注冊(cè)
</b></h4><br> <table align="center" border="1" width="300"><tr><td>請(qǐng)輸入賬號(hào):
</td><td><input name="zhanghao" type="text"> </td></tr><tr><td>請(qǐng)輸入密碼:
</td><td><input name="mima" type="password"> </td></tr><tr><td>請(qǐng)確認(rèn)密碼:
</td><td><input name="confirmmima" type="password"> </td></tr><tr><td>請(qǐng)選擇性別:
</td><td><input name="sex" type="radio" value="男">男
<input name="sex" type="radio" value="女">女
</td></tr><tr><td>請(qǐng)選擇家鄉(xiāng):
</td><td><select name="home" ><option value="北 京">北 京
</option><option value="上 海">上 海
</option><option value="廣 州">廣 州
</option><option value="深 圳">深 圳
</option> </select></td></tr><tr><td>請(qǐng)選擇愛好:
</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">請(qǐng)輸入個(gè)人信息:
</td> </tr><tr><td colspan="2" ><textarea name="info" rows="5" cols="30"></textarea></td> </tr><tr><td></td><td><input type="button" value="注冊(cè)" onclick="register()"> <input type="button" value="忘記密碼?"></td></tr></table> </form></body>
</html>
<%@ 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"></head> <body><% request.setCharacterEncoding("GB2312");//表單提交可以顯示中文,不會(huì)出現(xiàn)中文亂碼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>賬號(hào)為:
</td><td><%= user %></td></tr><tr><td>密碼為:
</td><td><%= password %></td></tr><tr><td>性別為:
</td><td><%= sex %></td></tr><tr><td>家鄉(xiāng)為:
</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>個(gè)人信息為:
</td><td><%= info %></td> </tr></table></body>
</html>
確認(rèn)密碼:
registerresult接收到數(shù)據(jù)顯示的結(jié)果:
總結(jié)
以上是生活随笔為你收集整理的表单开发(二):获取单选按钮,多行文本框,下拉菜单,捆绑元素数据,用户注册的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問(wèn)題。
如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò),歡迎將生活随笔推薦給好友。