📄 index.jsp
字号:
<%@ page contentType="text/html; charset=gb2312" language="java" %>
<html>
<head>
<title>从网页对话框中选择头像</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<link href="Css/style.css" rel="stylesheet">
</head>
<body>
<table width="777" height="341" border="0" align="center" cellpadding="-2" cellspacing="-2">
<tr>
<td valign="top">
<table width="100%" height="205" border="0" cellpadding="-2" cellspacing="-2" class="tableBorder">
<tr>
<td height="32" background="Images/iTop.gif" class="word_grey"> </td>
</tr>
<tr valign="top">
<td height="171"><table width="100%" height="129" border="0" cellpadding="-2" cellspacing="-2">
<tr>
<td valign="top">
<table width="100%" height="265" border="0" cellpadding="-2" cellspacing="-2" class="tableBorder_Top">
<tr>
<td height="5"></td>
</tr>
<tr>
<td width="236" height="263" valign="top"><table width="88%" border="0" cellspacing="-2" cellpadding="-2">
<tr>
<td width="55%" height="82" align="center" class="word_grey"> <img src="Images/reg.gif" width="84" height="54"></td>
<td width="45%" align="left" class="word_grey"><b>注册帮助</b></td>
</tr>
<tr>
<td height="112" colspan="2" valign="top" class="word_grey"><ul><li>
用户名：为用户登录留言簿的通行证，可使用英文字母、数字或英文字母、数字、下划线的组合，长度控制在3-20个字符之内。</li>
<li>真实姓名： 请输入真实的姓名，该项为隐藏项，用户可以放心输入。</li>
<li>密码：请设定在6-20位之间，登录密码及确认密码必须一致。</li>
<li>生日：输入您的生日，如果您的生日是1980年7月17日则输入：1980-07-17。 </li>
<li>Email：请填写有效的Email地址，以便于与您联系。</li>
</ul> </td>
</tr>
<tr align="center">
<td colspan="2" valign="middle" class="word_grey"></td>
</tr>
</table></td>
<td width="1" background="Images/line.gif"></td>
<td width="532" valign="top"><table width="90%" border="0" align="center" cellpadding="-2" cellspacing="-2">
<tr>
<td><form action="register_deal.asp" method="post" name="myform">
<table width="100%" border="0" cellspacing="-2" cellpadding="-2">
<tr>
<td width="18%" height="30" align="center">用 户 名：</td>
<td width="82%"><input name="UserName" type="text" id="UserName4" maxlength="20">
* </td>
</tr>
<tr>
<td height="28" align="center">真实姓名：</td>
<td height="28"><input name="TrueName" type="text" id="TrueName4" maxlength="10">
*</td>
</tr>
<tr>
<td height="28" align="center">密 码：</td>
<td height="28"><input name="PWD1" type="password" id="PWD14" size="20" maxlength="20">
*</td>
</tr>
<tr>
<td height="28" align="center">确认密码：</td>
<td height="28"><input name="PWD2" type="password" id="PWD25" size="20" maxlength="20">
* </td>
</tr>
<tr>
<td height="28" align="center">性 别：</td>
<td><input name="sex" type="radio" class="noborder" value="男" checked>
男
<input name="sex" type="radio" class="noborder" value="女">
女</td></tr>
<tr>
<td height="28" align="center">生 日：</td>
<td class="word_grey"><input name="birthday" type="text" id="Tel">
*（日期格式为：yyyy-mm-dd ）</td>
</tr>
<tr>
<td height="28" align="center">OICQ号码：</td>
<td><input name="qq" type="text" id="qq"></td>
</tr>
<tr>
<td height="97" align="center">选择头像：</td>
<td class="word_grey"><table width="316" cellpadding="0" cellspacing="0">
<tr>
<td width="13" height="47">
<script language="javascript">
//查看全部头像并选择时应用该函数
function deal(){
var someValue;
someValue=window.showModalDialog('headbrowse.jsp','','dialogWidth=520px;\
dialogHeight=430px;status=no;help=no;scrollbars=no');
if (someValue == undefined){ //当用户在弹出的网页对话框中没有选择头像时
someValue="0";
}
document.images.img.src="Images/head/"+someValue+".gif";
}
</script> </td>
<td width="145"><img src="Images/head/0.gif" name="img" width="60" height="60"></td>
<td width="225"> </td>
</tr>
<tr>
<td> </td>
<td>[<a href="#" onClick="deal()">选择头像</a>]</td>
<td> </td>
</tr>
</table></td>
</tr>
<tr>
<td height="28" align="center" style="padding-left:10px">Email：</td>
<td class="word_grey"><input name="Email" type="text" id="PWD224" size="50">
*</td>
</tr>
<tr>
<td height="28" align="center">家庭住址：</td>
<td class="word_grey"><input name="address" type="text" id="address" size="50"></td>
</tr>
<tr>
<td height="34"> </td>
<td class="word_grey"><input name="Button" type="button" class="btn_grey" value="确定保存">
<input name="Submit2" type="reset" class="btn_grey" value="重新填写"></td>
</tr>
</table>
</form></td>
</tr>
</table></td>
</tr>
<tr>
<td height="5"></td>
</tr>
</table> </td>
</tr>
</table> </td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -