一句话概括主题:<button>具有<input type="button" ... >相同的作用但是在可操控性方面更加强大。

<button>和<input>
规范中指名:可以用<button>和<input>来做表单按扭。但<button>比<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(不推荐使用)元素了。

转载于:https://www.cnblogs.com/yingzi/archive/2012/07/02/2573033.html

谈谈button标签和input标签的区别相关推荐

  1. label标签和input标签之间的关系

    在用到点击出现效果的时候总会用到label标签和input标签,当时也不是很明白,直到看了一篇博客之后才恍然大悟. 下面是文章链接 http://t.csdn.cn/rzVG0 运用input标签里面 ...

  2. html 输入框标签讲解,input标签详解

    一,标签定义及使用说明 1. 标签规定了用户可以在其中输入数据的输入字段. 2. 元素在 元素中使用,用来声明允许用户输入数据的 input 控件. 输入字段可通过多种方式改变,取决于 type 属性 ...

  3. 【04】HTML5+CSS3:01-HTML5新增标签、多媒体标签、input标签、新增表单属性、CSS3属性选择器、伪元素选择器、2D转换

    文章目录 HTML5 第一天 一.什么是 `HTML5` 二.`HTML5 ` 新增标签 三.多媒体音频标签 四.多媒体视频标签 五.新增 input 标签 六.新增表单属性 七.`CSS3 ` 属性 ...

  4. iframe关闭当前窗口_iframe 、 a标签、input标签

    1 npm i -g http-server 全局安装本地服务器,预览html文件 或者不安装提交到github 里面,再用它提供的预览链接看 注意:安装成功后,启动时可以直接是http-server ...

  5. 表单项标签的input标签的单选框(radio)

    <input type="radio" name="gender" value="male"> 男 <input type ...

  6. label标签与input标签的对齐问题

    如果要实现上面这种对齐效果,直接拉到文章底,反正我会说一堆废话.jpg 在这里使用的是嵌套格式: <label>Text<input/></label> 而非通常的 ...

  7. BUTTON标签和INPUT标签的区别【转】

    一句话概括主题:<button>具有<input type="button" ... >相同的作用但是在可操控性方面更加强大. HTML 4.01规范的Fo ...

  8. 在写移动端时,a标签或者input标签等 在手机上点击背后会有阴影的解决办法

    a,input{-webkit-tap-highlight-color:rgba(255,0,0,0);} 被背景设置成透明的就行了 转载于:https://www.cnblogs.com/Nick- ...

  9. input标签属性简述

    一.input标签属性介绍 input标签有许多属性,如:type,name,id,value,style等 name属性:表示元素的名称,也就是name的值代表当前input元素的名字: id属性: ...

最新文章

  1. java 实体类包含list 怎么取值_2019 最新 500 道 Java 面试题
  2. 前言:写python和django博客的背景
  3. VS单步调试乘法语句时报错:“没有可用于当前位置的源代码”的原因
  4. jQuery选中该复选框来实现/全部取消/未选定/获得的选定值
  5. Laravel Kernel引导流程分析
  6. Qt、GTK 和KDE、GNOME的关系-转
  7. 细说PHP电子书pdf下载
  8. rbf神经网络python预测代码_RBF神经网络预测
  9. 关于解决keil5中*** FATAL ERROR L250: CODE SIZE LIMIT IN RESTRICTED VERSION EXCEEDED的问题
  10. 解析 XML格式数据
  11. Excel使用条件格式
  12. gateway配合nacos路由报错:Unable to find instance for XXX
  13. 解决HC05蓝牙模块主从配对失败及AT模式设置方案
  14. 深入了解物联网,这几个物联网技术了解吗?
  15. [zz] 音频DAC的原理
  16. css border实现图形
  17. One-Error多标签分类_多分类及多标签分类算法
  18. 开发框架——横版格斗——动作游戏教程
  19. bzoj3083 遥远的国度 bzoj3626 LCA (树链剖分)
  20. 锐捷网络认证客户端RG-SU苹果MAC OSX官方版下载,附使用说明

热门文章

  1. 软件测试msf模型,Visual Studio 2010 Ultimate中MSF过程模型的设计
  2. 计算机数据库管理基本知识,2015年计算机四级考试《数据库技术》基础知识:概念篇...
  3. java的整型_java 整型
  4. cout输出字符串_leetcode C++题解系列-042 字符串相乘
  5. Linux单独编译设备树,迅为IMX6Q开发板-非设备树内核-单独编译内核驱动
  6. 放大镜_屏幕放大镜怎么样使用方法
  7. Spring 是什么
  8. 计算机大赛横幅标语有趣的,有趣的横幅标语
  9. mysql+两天前+函数_Mysql 日期函数
  10. openstack资源使用汇总_OpenStack 如何查看主机已使用的资源啊?