input和button的区别

最近用到写代码,input和button纠结了好久,不知道用哪个标签好!

所以我就做了一下分析:

1.submit和button的区别

button:Internet Explorer 的默认类型是 "button",而其他浏览器中(包括 W3C 规范)的默认值是 "submit"。

type=button      就单纯是按钮功能
type=submit      是发送表单

使用submit后,页面支持键盘enter键操作,用button后往往页面不支持enter键了。

所以需要支持enter键,必须要设置个submit,默认enter键对页面第一个submit进行操作

 

 

 

2.<button><input>支持更丰富的表现功能。

<button><input>更厉害的地方就在于它可以包含内容。它的值并不是写在value属性里,而是包含在标签中。如:<button>OK</button><button>的起始标签和关闭标签都是必须的。这样你便获得了样式化的主导权。

你可以这样写:<button><strong>OK</strong>, I do.</button>,甚至是插入图片:<button><img src="button.gif" alt="" />, it's great.</button>。有点类似于<input type="image">,但是显然强大多了。

 

3.value 值

1 <html>
2 <body>
3 <form action="">
4 <button> button </button>
5 <input type="submit" value="input submit"/>
6 <input type="button" value="input button"/>
7 </form>
8 </body>
9 </html>

这里的三个按钮对应的value值

 
  button input[type="submit"] input[type="button"]
ie button input submit input button
chrome "" input submit input button

 

 

 

 

posted @ 2013-08-15 15:19  coolbone  阅读(492)  评论(0编辑  收藏  举报