当前位置: 代码迷 >> Web前端 >> button跟input的type为button时区别
  详细解决方案

button跟input的type为button时区别

热度:345   发布时间:2012-11-26 11:48:49.0
button和input的type为button时区别

规范中指名:可以用<button>和<input>来做表单按扭。

大家都知道<input>可以这样用(实际上是一定要这样用):<input type="submit" value="OK" />,一定要这样闭合。而不是:<input type="submit" value="OK" ></input>。因为起始标签为必须,而关闭标签是禁止的

<button>比<input>更厉害的地方就在于它可以包含内容。它的值并不是写在value属性里,而是包含在标签中。如:<button>OK</button>。<button>的起始标签和关闭标签都是必须的。这样你便获得了样式化的主导权。
你可以这样写:<button><strong>提交</strong>, 按钮</button>,甚至是插入图片:<button><img src="zbx.gif" alt="中百信" />, 10年</button>。

当然button不是所有内容都可以放的,下面是不允许放入的:

input, select, textarea, label, button, form, fieldset, iframe

例子:

<button><img src="log.jpg" alt="" />10年</button>


  相关解决方案