Javascript代码无法将html代码放入＆＃39; form＆＃39;标签。为什么？

Question

这是我的代码。

我有一个aspx文件。我有两个JavaScript脚本。我也有一个css代码。我需要在点击按钮时淡出标签。当我没有使用表单标签时，它正在工作，为什么不使用表单标签。

<form>

如果我删除表单标签，则标签正在淡出。但如果我把html代码放在{{1}}标签内，标签就不会淡出。请回复

Answer 1

如this post和MDN reference中所述，按钮的默认类型为submit，其行为会有所不同，具体取决于按钮是否在表单中。为了避免对表单进行求和并得到您期望的结果，您应该将按钮类型设置为button：

<button class="btn1" type="button">Fade out</button>

Answer 2

如果您使用的是最新版本的Jquery，请尝试使用

$(document).ready(function () {
     $('.btn1').on("click", function () {
          $("#dvMsg").fadeOut(5000, 0, 0);
      });
});