<input type="button" 与 <button 区别

作者:vkvi 来源:ITPOW(原创) 日期:2013-9-27

<input type="button" 与 <button 的区别是什么?

外观上感觉还真没啥区别。

应用区别

<button 文字不是设置的 value 属性,而是写在 <button></button> 之间,比如:<button>搜索教程</button>。

功能区别

<button 功能更强,因为两个标签之间可以插入丰富的内容,比如图片、span 标签等内容。<button><img src="..." alt="" /></button>。但要注意中间插图片,不代表整个 button 就变成图片,它也像是按钮上设置背景图片了,代表着按钮的灰色区域还存在。

其实不止

<button 也有属性 type,其值也可以是 button、submit、reset,跟 input 一样。

相关文章