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 |