HTML button标签在form表单内,点击重新加载
本篇主要是测试form内的button按钮问题
form内的button按钮点击后,网页重新加载了。
本人新手,用于学习记录,有错误请指出,只有这样才能共同进步,谢谢!
操作方法
- 01
form标签的定义与用法截图
- 02
下图是form内button按钮的HTML代码
- 03
点击input按钮,打印出 input按钮被点击了
- 04
点击button1按钮,打印出 button按钮被点击了,之后就重新加载该网页 点击button2执行跳转网页,重新加载该网页
- 05
测试步骤三 代码中注释掉form标签,后执行3个按钮结果 点击input按钮,打印出 input按钮被点击了 点击button1按钮,打印出 button按钮被点击了 点击button2执行跳转网页,执行跳转网页
- 06
结论:通过form的定义以及实例测试的结果来看,button在form中点击重新刷新了该页面,不会页面的跳转。 form中用 input标签 type设置button
- 07
本篇经验全部实践通过!
赞 (0)