用javascript实现自动隐藏页面字段
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>IT168 - 新用户注册</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<meta name="robots" content="none" />
<link href="/styles/sso.css" rel="stylesheet" type="text/css" />
<link href="/styles/sso_default.css" rel="stylesheet" type="text/css" />
<link href="/styles/jquery-calendar.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="/js/jquery.pack.js"></script>
<script type="text/javascript" src="/js/jquery.cookie.pack.js"></script>
<script type="text/javascript" src="/js/jquery.metadata.pack.js"></script>
<script type="text/javascript" src="/js/jquery.ajaxQueue.pack.js"></script>
<script type="text/javascript" src="/js/jquery.validate.pack.js"></script>
<script type="text/javascript" src="/js/sso.pack.js"></script>
<script type="text/javascript" src="/js/it.search.pack.js"></script>
</head>
<body leftmargin="5" topmargin="5" marginwidth="0" marginheight="0">
<noscript><p class="warning">浏览器必须支持JavaScript才能正常访问，请检查当前浏览器设置。</p></noscript>
<span id="cookieMess"></span>
<div class="rim">
<!-- begin new header -->
<div id="top">
<div class="h90">
<div class="dd">
<a href="http://www.it168.com/" class="d08"></a>
<a href="http://personal.it168.com/" class="d1">个 人</a>
<a href="http://enterprise.it168.com/" class="d2">企 业</a>
<a href="http://product.it168.com/" class="d3">行情报价</a>
<a href="http://labs.it168.com/files/" class="d4">评 测</a>
<a href="http://download.it168.com/" class="d5">下 载</a>
<a href="http://bbs.it168.com/" class="d6">论 坛</a>
<a href="http://business.it168.com/" class="d7">经销商</a>
<a href="http://answer.it168.com/" class="d9">有问必答</a>
</div>
<div class="w93">
<div class="li1"><a href="http://sso.it168.com/Login">登陆</a>|<a href="http://sso.it168.com/Register">注册</a></div>
<div class="li2"><a href="http://mail.it168.com/">商讯信箱</a></div>
<div class="li3"><a href="http://emag.it168.com/" target="_blank">E杂志下载</a></div>
</div>
<div class="w167">
<div class="w167_1"><a href="http://che168.com" target="_blank"><b>CHE168</b>全原创汽车导购平台</a></div>
<div class="w167_2">·<A href="http://weixiu.it168.com/"
target=_blank><b>IT168产品维修专区</b></A></div>
<form name=forms2 method=post onSubmit="javascript:return SearchCheck1(this);" target="_blank">
<input name="ckey" type="text" class="inp" style="width:110px;" /><input type="submit" value="" class="but" />
<input type="hidden" name="txtkey" size="12"><input type="hidden" name ="cflag" size="12" value="product">
</form>
</div>
</div>
<!-- 首页频道 -->
<div class="h54">
<div class="lin"><a href="http://personal.it168.com/">个人</a> | <a href="http://news.it168.com/">资讯</a> | <a href="http://movie.it168.com/">视频</a> | <a href="http://business.it168.com/">经销商</a> | <a href="http://notebook.it168.com/">笔记本</a> | <a href="http://mobile.it168.com/">手机</a> | <a href="http://dc.it168.com/">数码影像</a> | <a href="http://digital.it168.com/">消费数码</a> | <a href="http://oa.it168.com/">办公</a> | <a href="http://diy.it168.com/">DIY硬件</a> | <a href="http://projector.it168.com/">投影机</a> | <a href="http://pc.it168.com/">家用电脑</a> | <a href="http://pc.it168.com/syweb/index.asp">商用电脑</a> | <a href="http://print.it168.com/">打印扫描</a> | <a href="http://software.it168.com/">软件</a> |<br />
<a href="http://enterprise.it168.com/">企业</a> | <a href="http://labs.it168.com/files/">评测</a> | <a href="http://weekly.it168.com/">网刊</a> | <a href="http://cio.it168.com/">信息化</a> | <a href="http://server.it168.com/">服务器</a> | <a href="http://safe.it168.com/">安全</a> | <a href="http://tech.it168.com/">技术开发</a> | <a href="http://net.it168.com/">网络</a><a href="http://tele.it168.com/">通信</a> | <a href="http://storage.it168.com/">存储</a> | <a href="http://gps.it168.com/">GPS导航</a> | <a href="http://radio.it168.com/">无线电</a> | <a href="http://elec.it168.com/">数字家电</a> | <a href="http://wireless.it168.com/">家庭组网</a> | <a href="http://driver.it168.com/">驱动程序</a> | <a href="http://school.it168.com/">学院</a> |</div>
</div>
<div class="w100" id=ADV_TXT1>
·<a href="http://adshow.it168.com/manager/files/icount.asp?cid=31194&cUrl=http://ad.cn.doubleclick.net/clk;97605321;16732968;s?http://www.it168.com/hplaser/">激光打印机一体机专栏</a><br />·<a href="http://bbs.it168.com/viewthread.php?tid=495315&extra=page%3D1">HYTTC-700手持电台试用
</a>
</div>
</div>
</div>
<!-- begin new header -->
<table width="544" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="center" width="26"><img src="https://images.cnblogs.com/frmPic1.gif"></td>
<td align="center" width="480" background="/images/frmPic2.gif" valign="top">
<table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td height="70" width="105"> </td>
<td width="*"> </td>
</tr>
<tr>
<td height="28"> </td>
<td valign="middle"><a href="./Login" class="main_nav">用户登录</a> | <a href="./ChangePassword" class="main_nav">修改密码</a> | <a href="./Register" class="main_nav">新用户注册</a> | <a href="./ForgotPassword" class="main_nav">忘记密码</a> | <a href="./Logout" class="main_nav">注销登录</a></td>
</tr>
</table>
</td>
<td align="center" width="38"><img src="https://images.cnblogs.com/frmPic3.gif"></td>
</tr>
<tr>
<td align="center" valign="top"><img src="https://images.cnblogs.com/frmPic4.gif"></td>
<td align="center" valign="middle">
<!-- 正文开始 -->
<form name="frmRegister" id="frmRegister" method="post" action="?action=reg" class="sso_checked">
<input type="hidden" name="cookie_flag">
<input type="hidden" name="return_url" value="" /> <input type="hidden" name="stem" value="2" />
<table width="100%" border="0" align="center" cellpadding="5" cellspacing="0">
<tr>
<td colspan="2" align="center" class="word_title_new">新用户注册</td>
</tr>
<tr>
<td align="right" width="30%" class="word_new" valign="top"><img src="" height="5"><br>用 户 名：</td>
<td align="left" width="70%">
<input maxlength=20 size=20 value="" class="textfield1" name="login_name" id="login_name">
<br>
由长度为4-20位的英文字母、数字、下划线“_”、减号“-”或者2-10个汉字组合而成。 </td>
</tr>
<tr>
<td align="right" class="word_new" valign="top"><img src="" height="5"><br>密 码：</td>
<td align="left"><INPUT type=password size=20 class="textfield1" name="password" id="password" maxlength="20"><br>长度为6-20位的英文字母或数字组合而成。</td>
</tr>
<tr>
<td align="right" class="word_new">确认密码：</td>
<td align="left"><INPUT type=password size=20 class="textfield1" name="password1" id="password1" maxlength="20"></td>
</tr>
<tr>
<td align="right" class="word_new" valign="top"><img src="" height="5"><br>Email：</td>
<td align="left">
<input maxlength=50 size=20 class="textfield1" name="email" id="email" value=""><br>
标准格式如：yourname@domain.com </td>
</tr>
<tr>
<td align="right" class="word_new" valign="top"><img src="" height="5"><br>高级选项：</td>
<td align="left"><input οnclick="showadv()" type="checkbox" value="1" name="advshow" />
<span id="advance"><a οnclick="showadv()">显示高级用户设置选项</a><font color=red>(选填)</font></span> </td>
</tr>
<script type="text/javascript" language="javascript">
function showadv() {
if(document.getElementById("adv").style.display==""){
document.frmRegister.advshow.checked = false;
document.getElementById("adv").style.display = "none";
}else{
document.getElementById("adv").style.display = "";
document.frmRegister.advshow.checked = true
}
}
function killErrors() {
return true;
}
window.onerror = killErrors;
</script>
<tr><td colspan="2" align="center">
<div id="errorMsg" class="error"><b></b></div>
</td>
</tr>
<tbody id=adv style="display:none">
<tr>
<td align="right" width="30%" class="word_new" valign="top"><img src="" height="5"><br>
真实姓名：</td>
<td class="left" width="70%"><div align="left">
<input maxlength="50" size="20" class="textfield1" name="real_name" id="real_name" value="" />
</div></td>
</tr>
<tr>
<td align="right" class="word_new" valign="top"><img src="" height="5"><br>
<span class="left">手 机 号</span>：</td>
<td class="left">
<div align="left">
<input maxlength="50" size="20" class="textfield1" name="telphone" id="telphone" value="" />
</div></td>
</tr>
<tr>
<td align="right" class="word_new" valign="top"><img src="" height="5"><br>
<span class="left">电 话</span>：</td>
<td class="left">
<div align="left">
<input maxlength="50" size="20" class="textfield1" name="phone" id="phone" value="" />
(格式如：010-88888888)</div></td>
</tr>
<tr>
<td align="right" class="word_new" valign="top"><img src="" height="5"><br>
<span class="bold">性 别</span>：</td>
<td class="left"><div align="left">
<label><input class="radio" type="radio" name="gender" value="1" />
男 </label>
<label><input class="radio" type="radio" name="gender" value="2" />
女 </label>
<label><input class="radio" type="radio" name="gender" value="0" checked="checked" />
保密 </label></div></td>
</tr>
<tr>
<td align="right" class="word_new" valign="top"><img src="" height="5"><br>
<span class="bold">生 日</span>：</td>
<td class="left"><div align="left" id="wrap_birthday">
<select id="selectYear" name="selectYear">
<option value="1992">1992</option><option value="1991">1991</option><option value="1990">1990</option><option value="1989">1989</option><option value="1988">1988</option><option value="1987">1987</option><option value="1986">1986</option><option value="1985">1985</option><option value="1984">1984</option><option value="1983">1983</option><option value="1982">1982</option><option value="1981">1981</option><option value="1980">1980</option><option value="1979">1979</option><option value="1978">1978</option><option value="1977">1977</option><option value="1976">1976</option><option value="1975">1975</option><option value="1974">1974</option><option value="1973">1973</option><option value="1972">1972</option><option value="1971">1971</option><option value="1970">1970</option><option value="1969">1969</option><option value="1968">1968</option><option value="1967">1967</option><option value="1966">1966</option><option value="1965">1965</option><option value="1964">1964</option><option value="1963">1963</option><option value="1962">1962</option><option value="1961">1961</option><option value="1960">1960</option><option value="1959">1959</option><option value="1958">1958</option><option value="1957">1957</option><option value="1956">1956</option><option value="1955">1955</option><option value="1954">1954</option><option value="1953">1953</option><option value="1952">1952</option><option value="1951">1951</option><option value="1950">1950</option><option value="1949">1949</option><option value="1948">1948</option><option value="1947">1947</option><option value="1946">1946</option><option value="1945">1945</option><option value="1944">1944</option><option value="1943">1943</option><option value="1942">1942</option><option value="1941">1941</option><option value="1940">1940</option><option value="1939">1939</option><option value="1938">1938</option><option value="1937">1937</option><option value="1936">1936</option><option value="1935">1935</option><option value="1934">1934</option><option value="1933">1933</option><option value="1932">1932</option><option value="1931">1931</option><option value="1930">1930</option><option value="1929">1929</option><option value="1928">1928</option><option value="1927">1927</option><option value="1926">1926</option><option value="1925">1925</option><option value="1924">1924</option><option value="1923">1923</option><option value="1922">1922</option><option value="1921">1921</option><option value="1920">1920</option><option value="1919">1919</option><option value="1918">1918</option><option value="1917">1917</option><option value="1916">1916</option><option value="1915">1915</option><option value="1914">1914</option><option value="1913">1913</option><option value="1912">1912</option><option value="1911">1911</option><option value="1910">1910</option><option value="1909">1909</option><option value="1908">1908</option><option value="1907">1907</option><option value="1906">1906</option><option value="1905">1905</option><option value="1904">1904</option><option value="1903">1903</option><option value="1902">1902</option><option value="1901">1901</option><option value="1900">1900</option><option value="1899">1899</option><option value="1898">1898</option><option value="1897">1897</option><option value="1896">1896</option><option value="1895">1895</option><option value="1894">1894</option> </select>年
<select id="selectMonth" name="selectMonth">
<option value=""> </option>
<option value="01">1</option><option value="02">2</option><option value="03">3</option><option value="04">4</option><option value="05">5</option><option value="06">6</option><option value="07">7</option><option value="08">8</option><option value="09">9</option><option value="010">10</option><option value="11">11</option><option value="12">12</option> </select>月
<select id="selectDay" name="selectDay">
<option value=""> </option>
<option value="01">1</option><option value="02">2</option><option value="03">3</option><option value="04">4</option><option value="05">5</option><option value="06">6</option><option value="07">7</option><option value="08">8</option><option value="09">9</option><option value="010">10</option><option value="11">11</option><option value="12">12</option><option value="13">13</option><option value="14">14</option><option value="15">15</option><option value="16">16</option><option value="17">17</option><option value="18">18</option><option value="19">19</option><option value="20">20</option><option value="21">21</option><option value="22">22</option><option value="23">23</option><option value="24">24</option><option value="25">25</option><option value="26">26</option><option value="27">27</option><option value="28">28</option><option value="29">29</option><option value="30">30</option><option value="31">31</option> </select>日
<input name="linkedCalendar" id="linkedCalendar" type="hidden" />
</div></td>
</tr>
<tr>
<td align="right" class="word_new" valign="top"><img src="" height="5"><br>
<span class="bold">来 自</span>：</td>
<td class="left">
<div align="left">
<input maxlength="50" size="20" class="textfield1" name="comefrom" id="comefrom" value="" />
</div></td>
</tr>
<tr>
<td align="right" class="word_new" valign="top"><img src="" height="5"><br>
<span class="bold">主 页</span>：</td>
<td class="left">
<div align="left">
<input maxlength="50" size="20" class="textfield1" name="mainpage" id="mainpage" value="" />
</div></td>
</tr>
<tr>
<td align="right" class="word_new" valign="top"><img src="" height="5" /><br />
<span class="bold">Q Q</span>：</td>
<td class="left"><div align="left">
<input maxlength="50" size="20" class="textfield1" name="qq" id="qq" value="" />
</div></td>
</tr>
<tr>
<td align="right" class="word_new" valign="top"><img src="" height="5" /><br />
<span class="bold">MSN</span>：</td>
<td class="left"><div align="left">
<input maxlength="50" size="20" class="textfield1" name="msn" id="msn" value="" />
</div></td>
</tr>
</tbody>
<tr>
<td align="center" colspan="2">
<input type="submit" name="btn_submit" value="提交" />
<input type="reset" name="btn_reset" value="重填" /> </td>
</tr>
</table>
</form>
<!-- 正文结束 -->
</td>
<td align="center" valign="top"><img src="https://images.cnblogs.com/frmPic5.gif"></td>
</tr>
</table>
<!--new footer-->
<div id="footer"> <a href="http://www.bj.cyberpolice.cn/alarm/alarm.htm" target="_blank"><img class="border1"src="http://www.it168.com/images/police.jpg" width="118" height="47" border="0" alt="" /></a>
<p class="link"> <a href="http://www.it168.com/bottomfile/gyhc.shtml" target=_blank>关于皓辰</a> | <a href="http://www.it168.com/bottomfile/gy168.shtml" target=_blank>关于IT168</a> | <a href="http://www.it168.com/bottomfile/hzhb.shtml" target=_blank>合作伙伴</a> | <a href="http://www.it168.com/bottomfile/ggfw.shtml" target=_blank>广告服务</a> | <a href="http://www.it168.com/bottomfile/sytk.shtml" target=_blank>使用条款</a> | <a href="http://www.it168.com/bottomfile/tgzn.shtml" target=_blank>投稿指南</a> | <a href="http://hr.it168.com/" target=_blank>诚聘精英</a> | <a href="http://www.it168.com/bottomfile/lxwm.shtml" target=_blank>联系我们</a> | <a href="http://www.it168.com//bottomfile/flgw/fl.htm" target=_blank>法律顾问</a> | <a href="http://www.it168.com/bottomfile/sitemap/sitemap.html" target=_blank>网站地图</a> | <a href="http://big5.it168.com:82/gate/big5/www.it168.com/" target=_blank>繁体版</a> </p>
<p class="copytxt">CopyRight 1999-2006 www.it168.com All Right Reserved. 北京皓辰网域网络信息技术有限公司. 版权所有 京ICP证:060528号</p>
<div class="clear"></div>
</div>
</body>
</html><!--
<table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="center"><script language="javascript" src="/scripts/newfoot.js"></script></td>
</tr>
</table>
</body>
</html>-->
转载于:https://www.cnblogs.com/snwsky/archive/2007/11/15/960870.html
用javascript实现自动隐藏页面字段相关推荐
- javascript(js)自动刷新页面的实现方法总结
自动刷新页面的实现方法总结: 1) <meta http-equiv="refresh"content="10;url=跳转的页面"> 10表示间隔 ...
- SAP SM30隐藏部分字段以及自动带出某些值
有时候我们在SE11做的表维护生成器可能有不需要的字段,隐藏这些字段的方法: 1.SE80,找到表维护生成器自动创建的屏幕,找到逻辑流中的PBO,在PBO中增加一个MODULE,名字可以自己取. 2. ...
- 自动刷新 html,JavaScript自动刷新页面的方法
使用JavaScript location.reload方法刷新网页.当用户点击一个链接此代码可以自动在一个事件调用. 如果想使用鼠标点击刷新网页,可以用下面的代码:Refresh Page 要了解它 ...
- 页面跳转 和虚拟键盘的自动隐藏
前提:起码要有两个视图控制器. 注意事项: 设置跳转的动画效果 UITextField输入时,虚拟键盘的位置设置(整体布局向上移动,虚拟键盘的自动隐藏) 实现的功能: A:在第一个页面跳转到第二个页面 ...
- 通过uc.js实现pc firefox页面向下滚动自动隐藏导航栏，复刻firefox移动版的丝滑体验
页面向下滚动自动隐藏firefox导航栏 简述 firefox移动版有个滑动页面浏览时自动隐藏导航栏的功能,这个功能很机智,能够最大化的同时让你尽量无感.然后想在pc实现这个功能,搜了一下发现uc.j ...
- Framework7跳转页面如何自动隐藏工具栏(no-tabbar)
首先在Framework7文档(http://docs.framework7.cn/Index/tabbar.html)中我们知道: Framework7 允许你在ajax加载的页面自动隐藏工具栏/导 ...
- html字段隐藏,HTML5+CSS3实现超酷登录窗口(自动隐藏默认文本及判断必填字段)
内容介绍热点排行相关文章下载地址↓ 效果非常不错的登录窗口,输入框获取焦点后会自动隐藏默认文本,如果为空会提示必填字段 ,经测试,效果相当不错,感兴趣的朋友可以参考下哈 在网页head区添加以下代码 ...
- table内容超长自动隐藏，鼠标放置后浮动显示全部内容
目录 问题描述 解决思路 相关代码 1.限定td的宽度 2.内容特殊处理 3.全局指定动态指定css样式 4.效果如下 延伸 贴两个关于rem/em/px介绍的参考文献 问题描述 有的时候table作 ...
- 给页面字段中添加一个按钮，点击按钮实现弹窗效果
页面效果: 点击按钮后弹窗效果: 点击左上角搜索框效果: 页面实现代码 首先配置一个入住房间字段 <field><header>入住房间</header><d ...
最新文章
- 自动化早已不是那个自动化
- UA MATH563 概率论的数学基础 中心极限定理3 推导一元随机变量独立性的判断方法
- 从中心走向边缘——深度解析云原生边缘计算落地痛点
- 免费报名！百度大脑开放日·互联网内容安全线上专场来袭
- oracle 11g 清除 trc后缀文件,请教一个跟踪文件的问题。11g 很多trc文件。。
- linux libodbc.so.1,CentOS6.0虚拟机上安装nginx启动的错误---缺少libpcre.so.1共享库
- springboot 多线程_redis官方推荐：SpringBoot用这个，一键多线程
- 前端学习（1894）vue之电商管理系统电商系统之通过作用域插槽操作列
- 百度初级认证有用吗_知乎“打败”了百度知道吗？
- 为什么要是用R语言？
- 大学计算机vb基础知识6,计算机基础课-VB6选择题汇编（2011-2016）
- 玩通了这4本书，也就掌握了SEO的精髓了
- LayaBox引擎源码阅读笔记（四、文本渲染原理相关）
- otn与stn网络_mstp和stn的区别
- 用正则表达式验证邮箱、密码、QQ号、手机号、身份证号
- Nebula Graph - 集群模式部署
- 什么是自适应学习(个性化学习)？
- 量化交易零基础入门教程
- redis基础命令和数据操作命令学习笔记
- Keshi Is Throwing a Party
热门文章
- RealARM开发板 TFTP下载内核和NFS挂载文件系统 基于S5PV210开发板
- 【AWSL】之Linux进程和计划任务管理（ps、top、pgrep、pstree、pkill、at、crontab）
- 使用饼图_【Excel饼图使用系列】之使用饼图的注意事项及几个小技巧
- 业内首发，ACK@Edge支持高质量加密网络与精细化管理
- 领域驱动设计，盒马技术团队这么做
- 《赛博朋克2077》是如何将人物表情和口型本地化的？
- 魔方游戏实现：任意阶魔方的表示
- 街霸2的CPU是怎么对玩家作弊的？
- 皇室战争：暗夜女巫重做，去掉亡语机制后，她凉的可能会更快
- 非人哉恰饭的九月最美丽，只有啸天是菜鸡，上班睡觉太厉害了