javascript
用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实现自动隐藏页面字段的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 城里城外看SSDT[转]
- 下一篇： JSON学习一