BUTTON标签和INPUT标签的区别
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了BUTTON标签和INPUT标签的区别,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含2740字,纯文字阅读大概需要4分钟。
内容图文
![BUTTON标签和INPUT标签的区别](/upload/InfoBanner/zyjiaocheng/393/317c94d4dc2145bab4b8524b93aeb456.jpg)
HTML 4.01规范的Forms部分指名表单有以下几种控制类型:buttons, checkboxes, radio buttons, menus, text input, file select, hidden controls, object controls. 其中除了buttons/menus/object controls之外,都是由<input>完成。
我这里说的是<button>和<input>。
<button>和<input>
规范中指名:可以用<button>和<input>来做表单按扭。不同的按钮类型请参考这些元素的详细定义。要注意的是<button>比<input>支持更丰富的表现功能。
一些区别
大家都知道<input>可以这样用(实际上是一定要这样用):<input type="submit" value="OK" />,一定要这样闭合。而不是:<input type="submit" value="OK" ></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">,但是显然强大多了。
最后要注意的是,被<button>包含的图片,不能使用热点地图,即不能<img src="foo.gif" usemap="..." />,这是不合法的。当然也不能再包含诸如input, select, textarea, label, button, form, fieldset, iframe,和isindex(不推荐使用)元素了。
非原创,来源网络。
一句话概括主题:<button>具有<input type="button" ... >相同的作用但是在可操控性方面更加强大。
HTML 4.01规范的Forms部分指名表单有以下几种控制类型:buttons, checkboxes, radio buttons,
menus, text input, file select, hidden controls, object controls.
其中除了buttons/menus/object controls之外,都是由<input>完成。
我这里说的是<button>和<input>。
<button>和<input>
规范中指名:可以用<button>和<input>来做表单按扭。不同的按钮类型请参考这些元素的详细定义。要注意的是<button>比<input>支持更丰富的表现功能。
一些区别
大家都知道<input>可以这样用(实际上是一定要这样用):<input type="submit" value="OK"
/>,一定要这样闭合。而不是:<input type="submit" value="OK"
></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">,但是显然强大多了。
最后要注意的是,被<button>包含的图片,不能使用热点地图,即不能<img src="foo.gif"
usemap="..." />,这是不合法的。当然也不能再包含诸如input, select, textarea, label,
button, form, fieldset, iframe,和isindex(不推荐使用)元素了。
非原创,来源网络。
以上就是BUTTON标签和INPUT标签的区别的详细内容,更多请关注Gxl网其它相关文章!
内容总结
以上是互联网集市为您收集整理的BUTTON标签和INPUT标签的区别全部内容,希望文章能够帮你解决BUTTON标签和INPUT标签的区别所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。