HTML常用标签(点击隐藏实例)

来源:互联网 发布:java线程池种类 编辑:程序博客网 时间:2024/04/28 04:42

 

<html>
 <head>
  <script>
   function f_sex(obj){
    if(obj.checked==true)
     document.getElementById("tr1").style.display="none";
    else
     document.getElementById("tr1").style.display="block";
   }
   function f_email(obj){
    if(obj.checked==true)
     document.getElementById("tr2").style.display="none";
    else
     document.getElementById("tr2").style.display="block";
   }
  </script>
 </head>
 <body>
  <p><b><a href="#">首页</a> &gt;&gt <a href="#">创建帐号</a></b></p>
  您可以在这创建新帐号&nbsp;<b>请注意:黑体标记的表格必须填写</b><br/>
  <table>
   <tr>
    <td align="right"><b>用户名:</b></td>
    <td style="width:650px"><input type="text" style="width:200px">
    (最好使用英文字符,>=4个英文字符,或者2个汉字)</td>
   </tr>
   <tr>
    <td align="right"><b>密码:</b></td>
    <td style="width:650px"><input type="text" style="width:100px">
    (密码采用MD5单向散列存放,任何人都不可能查看到你的真实密码,请放心设置)</td>
   </tr>
   <tr>
    <td align="right"><b>确认密码:</b></td>
    <td style="width:650px"><input type="text" style="width:100px"></td>
   </tr>
   <tr>
    <td style="width:100px" align="right"><b>密码重置提示:</b></td>
    <td style="width:650px"><input type="text" style="width:140px">(例如:真是姓名)</td>
   </tr>
   <tr>
    <td style="width:100px" align="right"><b>问题答案:</b></td>
    <td style="width:650px"><input type="text" style="width:100px"></td>
   </tr>
   <tr><td height="20"></td></tr>
   <tr>
    <td style="width:100px" align="right"><b>您的姓名:</b></td>
    <td style="width:650px"><input type="text" style="width:200px">(<input type="checkbox" onclick="f_sex(this)"/>隐藏)</td>
   </tr>
   <tr id="tr1">
    <td style="width:100px" align="right"><b>性别:</b></td>
    <td style="width:650px"><input type="radio" name="sex" />男<input type="radio" name="sex" />女</td>
   </tr>
   <tr>
    <td style="width:100px" align="right"><b>Email:</b></td>
    <td style="width:650px"><input type="text" style="width:200px">(<input type="checkbox" onclick="f_email(this)"/>隐藏)<br/><span id="tr2">请填写真是的Eamil。将用于你的邮件监控的自动回复,如果你的密码忘记,重置密码也只能发送到你注册的邮件地址。</span></td>

   </tr>
   <tr>
    <td style="width:100px" align="right">您的地址:</td>
    <td style="width:650px"><input type="text" style="width:200px"></td>
   </tr>
   <tr>
    <td style="width:100px" align="right">您的职业:</td>
    <td style="width:650px"><input type="text" style="width:200px"></td>
   </tr>
   <tr>
    <td style="width:100px" align="right">您的主页:</td>
    <td style="width:650px"><input type="text" style="width:200px"></td>
   </tr>
   <tr>
    <td colspan="2" align="center"><input type="button" value="创建帐号"/><input type="button" value="取消"/> </td>
   </tr>
  </table>
 </body>
</html>

原创粉丝点击