jquery不关注表单字段

为什么下面的页面不能使用包含的表单标记（如下所示），但是当它们被删除时可以使用？（显然是jquery的新手…）

$（文档）.ready（函数（）{
$（“按钮”）。单击（函数（）{
$（'#inputid'）.focus（）；
});
});
点击我
因为
（在您使用的浏览器中）的默认行为是提交。因此，当您单击包含表单标记的按钮时，表单将执行POST

提交
：创建提交按钮。这是默认值


向按钮元素添加
type=“button”
，以阻止其过账表单

为了安全起见，您应该始终指定按钮的类型。
，因为
（在您使用的浏览器中）的默认行为是提交。因此，当您单击包含表单标记的按钮时，表单将执行POST

提交
：创建提交按钮。这是默认值


向按钮元素添加
type=“button”
，以阻止其过账表单

为了安全起见，您应该始终指定按钮的类型。
尝试使用如下按钮：

 <button type="button">Click Me</button>

点击我
尝试使用如下按钮：

 <button type="button">Click Me</button>

点击我

当你们点击按钮时。表单执行post

当您单击按钮时。表单将执行post。
请尝试这种方式

 <form action="#">
     <input type="text" id="inputid">
     <button>Click Me</button>
 </form>


点击我
试试这种方法

 <form action="#">
     <input type="text" id="inputid">
     <button>Click Me</button>
 </form>


点击我
我已经对它进行了测试，并且工作正常

<script>
      $(document).ready(function () {
            $("#button").click(function () {
              $('#inputid').focus();  
              //return false;     
            });
    });
    </script>


$（文档）.ready（函数（）{
$（“#按钮”）。单击（函数（）{
$（'#inputid'）.focus（）；
//返回false；
});
});

及

我已经对它进行了测试，并且工作正常

<script>
      $(document).ready(function () {
            $("#button").click(function () {
              $('#inputid').focus();  
              //return false;     
            });
    });
    </script>


$（文档）.ready（函数（）{
$（“#按钮”）。单击（函数（）{
$（'#inputid'）.focus（）；
//返回false；
});
});

及