zoukankan      html  css  js  c++  java
  • html制作,点击文字超链接显示文本框,再点击文字超链接隐藏文本框

    </head>
    <body>
    <script>
    window.onload=function(){
    document.getElementById('click').onclick=function(){

    if (document.getElementById('text').style.display=='none'){
    document.getElementById('text').style.display='block';
    }else{
    document.getElementById('text').style.display='none';
    }
    }
    }

    </script>
    <a id='click' href='###'>文字超链接</a>
    <input type='text' style='display:none;' id='text' />
    </body>
    文本框下面可以加个按钮吗?
    按钮跟输入框放在一个DIV里面啦

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    搜索<meta http-equiv="Content-Type" content="text/html; charset={dede:global.cfg_soft_lang/}" />
    <title>Bom对象</title>

    </head>

    <body> 
        <script>
    window.onload=function(){
       document.getElementById('click').onclick=function(){
                  if (document.getElementById('text').style.display=='none'){
                                   document.getElementById('text').style.display='block';
                 }else{
                     document.getElementById('text').style.display='none';
                  }       
               }
        }

    </script>
    <div  id='text'  style='display:none;' >
         <input type='text' />
              <input type='submit' value='提交'/>
    </div>
        <a  id='click'  href='###'>文字超链接</a>
    </body>
    </html>
  • 相关阅读:
    java基础面试题-1
    深入探讨 Java 类加载器
    毕向东—Java基础知识总结(超级经典)
    nyoj-161-取石子 (四)
    nyist-751-破坏城市
    nyist-144-小珂的苦恼
    zoj-1047-I Think I Need a Houseboat
    zoj-1045-HangOver
    zoj-1037-Gridland
    hdoj-2268-How To Use The Car
  • 原文地址:https://www.cnblogs.com/hanxue53/p/4298257.html
Copyright © 2011-2022 走看看