隐藏/显示输入字段 asp

我正在尝试创建一个 Web 表单，用户可以在其中输入多个资格，我想创建一个添加更多详细信息按钮，并尝试通过隐藏一些输入字段来做到这一点，然后单击按钮时会显示这些字段，这样做的最佳方法是什么，这是迄今为止我的asp代码

<div class="tab-pane" id="four">
   <h2>Qualifications</h2>
   <br />
   <asp:Label runat="server" ID="lblQualSubject" AssociatedControlID="ddlQualSubject" CssClass="Emlabel"> Qualification Subject/Code: </asp:Label><asp:DropDownList ID="ddlQualSubject" runat="server" CssClass="Eminput"/>
   <br />
   <asp:Label runat="server" ID="lblQualYear" AssociatedControlID="txtQualYear" CssClass="Emlabel"> Qualification Year: </asp:Label><asp:TextBox ID="txtQualYear" runat="server" CssClass="Eminput" />
   <br />
   <asp:Label runat="server" ID="lblQualGrade" AssociatedControlID="txtQualGrade" CssClass="Emlabel"> Qualification Grade: </asp:Label><asp:TextBox ID="txtQualGrade" runat="server" CssClass="Eminput" /><br />
   <br />
   <asp:Label runat="server" ID="lblQualSubject2" AssociatedControlID="ddlQualSubject2" CssClass="Emlabel"> Qualification Subject/Code: </asp:Label><asp:DropDownList ID="ddlQualSubject2" runat="server" CssClass="Eminput"/>
   <br />
   <asp:Label runat="server" ID="lblQualYear2" AssociatedControlID="txtQualYear2" CssClass="Emlabel"> Qualification Year: </asp:Label><asp:TextBox ID="txtQualYear2" runat="server" CssClass="Eminput" />
   <br />
   <asp:Label runat="server" ID="lblQualGrade2" AssociatedControlID="txtQualGrade2" CssClass="Emlabel"> Qualification Grade: </asp:Label><asp:TextBox ID="txtQualGrade2" runat="server" CssClass="Eminput" />
   <br />
   <br />
   <asp:Label runat="server" ID="lblQualSubject3" AssociatedControlID="ddlQualSubject3" CssClass="Emlabel"> Qualification Subject/Code: </asp:Label><asp:DropDownList ID="ddlQualSubject3" runat="server" CssClass="Eminput"/>
   <br />
   <asp:Label runat="server" ID="lblQualYear3" AssociatedControlID="txtQualYear3" CssClass="Emlabel"> Qualification Year: </asp:Label><asp:TextBox ID="txtQualYear3" runat="server" CssClass="Eminput" />
   <br />
   <asp:Label runat="server" ID="lblQualGrade3" AssociatedControlID="txtQualGrade3" CssClass="Emlabel"> Qualification Grade: </asp:Label><asp:TextBox ID="txtQualGrade3" runat="server" CssClass="Eminput" />
   <br />
   <br />
   <asp:Label runat="server" ID="lblQualSubject4" AssociatedControlID="ddlQualSubject4" CssClass="Emlabel"> Qualification Subject/Code: </asp:Label><asp:DropDownList ID="ddlQualSubject4" runat="server" CssClass="Eminput"/>
   <br />
   <asp:Label runat="server" ID="lblQualYear4" AssociatedControlID="txtQualYear4" CssClass="Emlabel"> Qualification Year: </asp:Label><asp:TextBox ID="txtQualYear4" runat="server" CssClass="Eminput" />
   <br />
   <asp:Label runat="server" ID="lblQualGrade4" AssociatedControlID="txtQualGrade4" CssClass="Emlabel"> Qualification Grade: </asp:Label><asp:TextBox ID="txtQualGrade4" runat="server" CssClass="Eminput" />
   <br />
</div>

我们欢迎所有的建议