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

<!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>

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值