Html 在模态实现中摆脱href

我正在使用一种模式在我的网站上显示信息，就像人们通常做的那样。我使用的模式是完全用css编写的（无jQuery）。单击链接时，模式显示，url更改如下所示：

remention.local/main.php#patient0

因此，关闭模式窗口后，url变为：

remention.local/main.php#

问题是，当按下“后退”按钮时，它会返回到 remention.local/main.php#patient0 如预期的那样，模式窗口再次弹出，这是非常不可取的

不管怎样，请告诉我

模式的示例代码：

 <a href="#text2" id="appoint">Next</a>

 <div class="lightbox" id="text2">
              <div class="box">
              <a class="close" href="#">X</a>
                <p class="title">Modal Window with Text</p>
                <div class="content">
                <form>
                  <input type="text" >Name <br>
                  <input type="password">Password <br><br>
                  <input type="submit" value="Submit">
                </form>
                </div>
              </div>
            </div>

带有文本的模式窗口

名称

密码

如果您根本不想更改url，您可以更改它，使模式从

输入打开

/

标签

如下：

输入{
显示：无；
}
.灯箱{
显示：无；
边框：实心1px红色；
}
输入：选中。lightbox{
显示：块；
}

下一个
X
带有文本的模式窗口

名称


密码