Button提交数据注意写法

今天做一个功能,页面提交数据到后台。做的多了功能很熟,写代码基本从做过的地方拷拷过来用。今天也很随意的从别处拷代码过来。很快功能完成了。测试下来,一点提交按钮页面刷新一下输入框填的数据全清空了。废话不多说。上代码分析问题。






Button测试




T1
T2





按钮4(a)

----form外----






有四个按钮,都可以做点击后提交动作。

我们先来做测试。
在T1输入框中随意输入如:x,然后点击各按钮

[b]
所有按钮放在form内

1 发现点击按钮1和按钮2时,弹出提示框后页面刷新,T1输入框的值被清空。

我们把按钮1和按钮2放到form外面,再次执行如上操作

2 发现所有按钮,弹出提示框后页面,没有刷新,T1输入框的值没有被清空。[/b]

注:按钮3和按钮4放在form里面和里面,效果属于第2种结果

以上在chrome和firxfox中测试过。欢迎大家验证。

[b]总结:写提交动作时,按钮尽量用a或input[type='button'][/b]

你可能感兴趣的:(Button提交数据注意写法)