博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
BUTTON标签和INPUT标签的区别【转】
阅读量:6987 次
发布时间:2019-06-27

本文共 979 字,大约阅读时间需要 3 分钟。

一句话概括主题:<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(不推荐使用)元素了。
非原创,来源网络。

转载地址:http://hcmpl.baihongyu.com/

你可能感兴趣的文章
Java NIO vs. IO
查看>>
【VNC】Linux环境VNC服务安装、配置与使用
查看>>
打包错误--Error:A problem was found with the configuration of task ':app:packageRelease'.
查看>>
D3.js系列——动态效果和Update、Enter、Exit的理解
查看>>
Docker查看关联容器的卷宗在本机的存储位置
查看>>
coding利用Webhook实现Push代码后的jenkins自动构建
查看>>
GCD与dispatch_group总结
查看>>
Add Two Numbers
查看>>
用Thymeleaf在前台下拉列表取值
查看>>
Java strictfp
查看>>
新建jsp项目
查看>>
numpy.loadtxt()
查看>>
Chrome 调用vue.js 记录
查看>>
将float转换为数据类型numeric时出现算术溢出错误
查看>>
java基础-回调函数(callback)
查看>>
Sqlserver2008R2配置数据库镜像之我的经验总结
查看>>
会长大人的《从小麦到馒头的过程》
查看>>
RDS经典网络平滑迁移到VPC的混访方案
查看>>
svg矢量图制作工具(Sketsa SVG Editor) v7.1.1 中文免费版
查看>>
使用php函数ini_set()重新设置某个配置的设置值
查看>>