button元素比起input的优势

实际上button和input两个都可以用来做按钮,而且格式非常相似

  1. <button type="button">asfd</button>
  2. <input type="button" value="asfd">

但是,button比起input来说可以提供更加丰富的内容
因为里边是可以包含HTML标签的
这样就可以做到如下的效果

  1. <button type="button">
  2.     <img src="/images/smilies/Face_02.gif" />
  3.     <strong>OK</strong>
  4.     <em> ,I"m.</em>
  5. </button><br />
  6. <input type="button" value="input">

怎么样,用传统的input做不到吧

但是务必注意,type在FF下,是必须的。否则如果一旦这个button出现在form中(ASPX常常会这样)而未加上type=”button”的话,就会提交表单的!

他支持submit/reset/button
当然也有value属性~
更多参数可以参考

总之强烈推荐用button代替input,更符合语义,即,这里我想要一个按钮,而不是一个什么“输入”的东西
英文:

http://www.w3schools.com/tags/tag_button.asp

中文:

http://www.w3school.com.cn/tags/tag_button.asp

发表评论

电子邮件地址不会被公开。 必填项已用 * 标注

*

您可以使用这些 HTML 标签和属性: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>