用html写一个按钮，点击按钮就可以弹出一个输入框表单，可以在里面写信息。

最新推荐文章于 2024-07-25 14:45:39 发布

努力的编程的小白1

最新推荐文章于 2024-07-25 14:45:39 发布

阅读量1.6w

点赞数 5

分类专栏： js练习文章标签： JavaScript DOM操作表单用户信息事件处理

本文链接：https://blog.csdn.net/m0_58975873/article/details/119747817

版权

js练习专栏收录该内容

5 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script type="text/jscript">
         
        function show(){
        //显示div
         document.getElementById("form").style.display="block";        
        //隐藏
        //document.getElementByID("form").style.display="none";

        var obj={
          name:'张山',
          age:'18'
           
          }
       
         document.getElementById("name").value = obj.name
         document.getElementById("age").value = obj.age
             
         } 
          
         function save(){
            alert(document.getElementById("name").value)
            alert(document.getElementById("age").value) 
         }


        </script>   
  
   <body>
       <button onclick="show()">修改</button>
       <div id ="form" style="display:none;">
          <div>
              账号：<input name="name" id="name" />
          </div>   
          <div>
              密码：<input name="pass" id="age"/>
          </div>
                     
          <button onclick="save()">保存</button>
       </div>
                      

   </body>
</html>