Input 单击按钮时隐藏并显示文本字段_Input_Hide_Textfield_Show Hide

Input 单击按钮时隐藏并显示文本字段

input

Input 单击按钮时隐藏并显示文本字段,input,hide,textfield,show-hide,Input,Hide,Textfield,Show Hide,我想知道当你点击一个按钮时如何隐藏和显示一个文本字段。我已经在HTML和CSS上创建了一个类，它隐藏了我想要的文本字段，所以我只需要知道如何执行它，并在单击按钮时显示它这是我的密码 HTML </head> <body> <div class="container"> <h2 class="text-center">List</h2> <input type=&q

我想知道当你点击一个按钮时如何隐藏和显示一个文本字段。我已经在HTML和CSS上创建了一个类，它隐藏了我想要的文本字段，所以我只需要知道如何执行它，并在单击按钮时显示它

这是我的密码

HTML

</head>
<body>
<div class="container">
  <h2 class="text-center">List</h2>

       
  <input type="text" id="txt" name="txt" onclick="this.value = '' "/>
  <button onclick="getAndSetVal();" id="button">Add List</button>
  <input type="text" id="txt2" class="hide" name="txt" onclick="this.value = '' "/>
  
     
  

</div>
<body>
<html>


列表
添加列表

<script>
         
         
            
            function getAndSetVal()
            {
                var txt1 = document.getElementById('txt').value;
                document.getElementById('txt2').value = txt1;
            }
            
          
            function getVal()
            {
             var txt = document.getElementById('txt').value;
             alert(txt);
            }
            
        </script>


函数getAndSetVal（）
{
var txt1=document.getElementById（'txt'）.value；
document.getElementById（'txt2'）。value=txt1；
}
函数getVal（）
{
var txt=document.getElementById（'txt'）.value；
警报（txt）；
}