📄 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="694" 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/board_left.gif"><img src="Images/01.gif" width="694" height="168"></td>
</tr>
<tr valign="top">
<td height="171"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="35" height="322" valign="top"><img src="Images/02.gif" width="35" height="89"></td>
<td valign="top">
<table width="100%" height="386" border="0" cellpadding="-2" cellspacing="-2" class="tableBorder_Top">
<tr>
<td height="5"></td>
</tr>
<tr>
<td width="170" height="263" valign="top" class="tableBorder_r"><table width="96%" 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个字符之内。<br>
<br>
</li>
<li>密码：请设定在6-20位之间。<br>
<br>
</li>
<li>头像：可以通过头像下拉列表框选择头像。<br>
<br>
</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"></td>
<td width="400" 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 height="10" colspan="2" align="center"></td>
</tr>
<tr>
<td width="18%" height="29" 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="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 showlogo(){
document.images.img.src="Images/head/"+
document.myform.ICO.options[document.myform.ICO.selectedIndex].value;
}
</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><select size="1" name="ICO" onChange="showlogo()">
<%for(int i=1;i<=18;i++){%>
<option value="<%=i-1%>.gif">头像<%=i%></option>
<%}%>
</select></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="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>
<td width="44" valign="top"><img src="Images/04.gif" width="44" height="89"></td>
</tr>
</table></td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -