跳转到主内容
websoft网络软件专家 - 深耕网络技术,打造实用软件!

三种Form表单提交按钮,你真的懂了吗?

在Web开发中,Form表单的提交按钮有很多种,但你知道它们之间的区别吗?今天,我们就来聊聊这三种常见的提交按钮,让你在使用时不再迷茫。

1. 普通按钮

这种按钮只是普通的按钮,不附带提交功能。点击后不会触发form表单的submit()事件,所以点击后不会提交表单。

  • 好处:可以加入js验证,验证后若想提交可使用document.Formname.submit()进行提交。
  • 若不加载提交,利用Ajax获取数据,可实现页面不刷新,文本框内容保留。

2. 提交按钮

提交按钮,点击后会触发form的onsubmit事件,提交数据实现页面跳转,进行表单处理。

  • 若想使用js验证,可在form onsubmit事件里进行返回值判定,若返回false 表单不提交,若返回ture 表单提交。
  • 也可在按钮里面加上判断函数。

3. 按钮

按钮同 按钮效果一样。

以上就是三种Form表单提交按钮的区别,希望对大家有所帮助。如果你还有其他疑问,欢迎访问websoft网络软件专家,了解更多Web开发技术。

相关文章