HTML button标签在form表单内,点击重新加载

作者:追风筝的人 | 创建时间: 2023-07-11
本篇主要是测试form内的button按钮问题 form内的button按钮点击后,网页重新加载了。 本人新手,用于学习记录,有错误请指出,只有这样才能共同进步,谢谢!...
HTML button标签在form表单内,点击重新加载

操作方法

form标签的定义与用法截图

下图是form内button按钮的HTML代码

点击input按钮,打印出 input按钮被点击了

点击button1按钮,打印出 button按钮被点击了,之后就重新加载该网页 点击button2执行跳转网页,重新加载该网页

测试步骤三 代码中注释掉form标签,后执行3个按钮结果 点击input按钮,打印出 input按钮被点击了 点击button1按钮,打印出 button按钮被点击了 点击button2执行跳转网页,执行跳转网页

结论:通过form的定义以及实例测试的结果来看,button在form中点击重新刷新了该页面,不会页面的跳转。 form中用 input标签 type设置button

本篇经验全部实践通过!

点击展开全文

更多推荐