mysql 提交 按钮_表单提交按钮input和button、a的差异

现在普遍的在网页中，表单提交数据的按钮最常见实用有三种，一种是input，一种是button，最后一种，是其他如a标签，div标签，span标签代替而来。在以前的日子里，大家都习惯于用input，因为他直接拥有type=submit，而button没有，它更适合于表达 button。

然而。。。

首先我们说说：input标签；这个最常见了，不多说：当type="submit"时，提交表单数据！

button标签：经过测试：在

你可以自己去测试：

先创建一个php文件demo.php， 用来接收表单数据：

var_dump($_POST);

?>

再创建一个html文件demo.html， 用来显示表单：

提交

保存

使用Firefox依次浏览，就能看到input和button的区别：input提交按钮显示的文字就是value，而button提交按钮显示的文字 和value是独立的，从这个意义上来看，button更有表现力，是更值得推荐的提交按钮实现方式。

还有关于它们在不同浏览器下显示的效果，也会影响我们的选择(下面就会介绍用其他标签，更好维持表现层的统一)：这个主要是ff和opera下line-height对input['button'],button不起作用。

小结：从理论上来看，button形式的提交按钮优于input形式的提交按钮。但如果考虑浏览器通用性，很多时候还是只能使用input形式的提交按钮。

再来说：a标签(以下为转载：)

之前看过一些文章，说是用a标签来代替submit按钮更好一些，因为submit按钮在IE6下会有一些兼容的问题，不好统一，而且input的行高在各浏览器参差不齐，还不能用line-height控制，在按钮有一些交互效果的时候，a标签更容易实现，hover效果便可，所以许多前端喜欢用a标签来代替input。

但是涉及到一点，input submit可以用来提交表单的值，而a标签似乎不太好传值，所以好多程序要求前端开发人员再把a标签改成input的，后来经过查找，发现a标签是一样的可以提交表单的，下面附上方法，也希望那些被程序要求把页面改来改去的前端人员告诉程序a标签一样可以提交表单的。

a标签提交表单的方式其实很简单的，首先你写一个方法

function tosubmit(){

var myform=document.getElementByIdx_x("myform");

myform.submit();

}

然后用这个方法提交提交

这样就可以提交表单了，是不是很简单。

----------------------------------------------------------------------------------------------------------