如何使用 JavaScript 函数显示表单 asp.net

how to show asp.net form using javascript functions

本文关键字:表单 asp net 显示 函数 何使用 JavaScript      更新时间:2023-09-26

我正在制作一个登录页面,asp.net 因为我使用了来自

http://codepen.io/andytran/pen/PwoQgO

据我所知 asp.net 页面只能有一个带有runat="服务器"的表单标签我想在这 2 个表单标签上编写一些功能背后的代码。

 <form runat="server" visible="true" id="form1"> 
       .....
</form>
<form runat="server" visible="false" id="form2">
        ........
</form>

我有这个div 标签,它充当切换按钮

 <div class='switch' onclick="show();" >
<i class='fa fa-pencil fa-times' onclick="show()"></i>

我的JavaScript是:

   function show()
    {
        document.getElementById("form2").style.visibility = "visible";
    }

但是这段代码不起作用。.请帮忙

在服务器上隐藏表单不会将其呈现给客户端。您需要将 CSS 设置为隐藏它,以便显示它。

<form style="display:none" />

..style.display="block"; 

而且很可能你的表单不会是 form1 和 form2,除非你将其设置为呈现静态 id。