:hover 鼠标悬浮在具有这个属性的标签上就会出现变化，使当前标签具有hover所描述属性

众所周知Web前端页面主要由HTML/CSS/Javascript组成，当要通过与用户的交互实现各种功能时，就需要向后台提交一些数据或者操作。在Web世界里各种实现眼花缭乱，但究其根本，不外乎三种方式，这也是由前端脚本、浏览器与后台交互规则决定的。

这是HTML支持最传统的提交方法，需要创建表单，然后表单包含各种类型的表单元素，还要有一个提交按钮，通过提交按钮来提交到后台，这种方式提交后页面会刷新。

可以在网页的链接附上需要提交的参数，当用户点击链接后，浏览器发起向链接的访问，从而也把链接附带的参数提交到后台，这种方式提交后页面也会刷新。

Javascript支持ajax方式创建HTTP请求，可以通过在HTML页面元素的事件处理函数中创建ajax请求，在url参数里携带所需提交的参数，从而提交到后台，这种方式提交后页面不会刷新。

在实际Web页面中，我们要根据实际用户交互的需要来选择合适的提交方式。

1、如果需要使用一些的表单类型用户输入，比如文本框、单选框、下拉框，那么可以选择第1种和第3种方式，如果希望提交后页面刷新就选第1种，如果不希望提交后页面刷新就选第3种。

2、如果不需要表单类型输入，那么可以选择第2种和第3种方式，如果希望提交后页面刷新就选第2种，如果不希望提交后页面刷新就选第3种。

3、多个form，或者多个提交按钮对应一个form都完全没有问题。当然，要注意的是，多个form的话，每次提交，页面只会接收到提交的那个form的值。form不可以嵌套，每个form放个隐藏域，提交时隐藏域也会提交，你根据不同的隐藏域值执行不同的操作。

原文来自：https://www.cnblogs.com/sisi-job/p/8074455.html

本文地址：https://www.linuxprobe.com/tips-graduation-project.html编辑：王毅，审核员：逄增宝

本文原创地址：https://www.linuxprobe.com/tips-graduation-project.html编辑：王毅，审核员：暂无