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>
  • 相关阅读:
    【数学】杜教筛
    【数学】【多项式】多项式求逆
    【数学】求导
    【数学】【多项式】快速数论变换(NTT)
    【数学】【多项式】快速傅里叶变换(FFT)
    WC2021 Day3 笔记
    网络流
    $DP$ 重修
    数学基础 5
    数学基础 3
  • 原文地址:https://www.cnblogs.com/hanxue53/p/4298257.html
Copyright © 2011-2022 走看看