From表单提交

一、功能实现

    通过点击相应的按钮来实现不同的效果；

如图1为初始效果图 

          

如图1

代码如下：

<div class="container mt-5">

        @*οnsubmit="return false;" 禁用表单的自动提交方式*@

        <form id="frm" autocomplete="off" @*action="/Main/GetData" method="post"*@ οnsubmit="return false;">

            <div class="form-group form-row">

                <label class="col-form-label col-3 text-center">姓名</label>

                <input class="form-control col-9" type="text" name="name" id="txtName" />

            </div>

            <div class="form-group form-row">

                <label class="col-form-label col-3 text-center">性别</labe