html中submit和button的区别

html中submit和button二者都以按钮的形式展现,看起来都是按钮，所不同的是type属性和处发响应的事件上，submit会提交表单，button不会提交表单。

submit和button两者主要区别在于：

1、submit默认为form提交，可以提交表单（form）。submit其实是button的一个特例，也是button的一种，它把提交这个动作自动集成了。

2、button作为普通的按钮则响应用户自定义的事件,如果不指定onclick等事件处理函数，它是不做任何事情，不会自动提交表单数据。当然，button也可以通过JS代码完成表单提交的工作。比如: onclick="document.form1.submit()"。

3、如果表单在点击提交按钮后需要用JS进行处理（包括输入验证）后再提交的话，通常都必须把submit改成button，即取消其自动提交的行为，否则，将会造成提交两次的效果，对于动态网页来说，也就是对数据库操作两次。或者在使用submit时验证时加return true或false。

div#maincontent button的意思就是什么？

意思就是：一个（id号）名叫maincontent的div下button（按钮）标签，我要为它设置样式，你写的是给里面的该div下按钮设置12号字体的样式。

进一步解释：

div#maincontent button

可以直接写成下面 他们相等：

#maincontent button

但是为什么那样写，因为权限问题，更比较针对性，我就是针对这个id号为maincontent的div，而且不是针对别的标签写的，比如别的标签span#maincontent或者p#maincontent。

根据以上说明那么看这段代码就很简单了：

div#maincontent button, div#maincontent input, div#maincontent select, div#maincontent textarea

{

font-size:12px;

}

解释如下：

div#maincontent button 设置id号为maincontent的div下的button按钮文字大小

div#maincontent input 设置id号为maincontent的div下的input文字大小

div#maincontent select 设置id号为maincontent的div下的select文本大小

div#maincontent textarea 设置id号为maincontent的div下的多行文本大小

以上都是都是文字大小为12像素的样式。

注意：

逗号表示我同时设置多个标签；

如不够清楚，方可以继续追加。

鹏仔微信 15129739599 鹏仔QQ344225443 鹏仔前端 pjxi.com 共享博客 sharedbk.com