谈谈button标签和input标签的区别
一句话概括主题:<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标签的区别相关推荐
- label标签和input标签之间的关系
在用到点击出现效果的时候总会用到label标签和input标签,当时也不是很明白,直到看了一篇博客之后才恍然大悟. 下面是文章链接 http://t.csdn.cn/rzVG0 运用input标签里面 ...
- html 输入框标签讲解,input标签详解
一,标签定义及使用说明 1. 标签规定了用户可以在其中输入数据的输入字段. 2. 元素在 元素中使用,用来声明允许用户输入数据的 input 控件. 输入字段可通过多种方式改变,取决于 type 属性 ...
- 【04】HTML5+CSS3:01-HTML5新增标签、多媒体标签、input标签、新增表单属性、CSS3属性选择器、伪元素选择器、2D转换
文章目录 HTML5 第一天 一.什么是 `HTML5` 二.`HTML5 ` 新增标签 三.多媒体音频标签 四.多媒体视频标签 五.新增 input 标签 六.新增表单属性 七.`CSS3 ` 属性 ...
- iframe关闭当前窗口_iframe 、 a标签、input标签
1 npm i -g http-server 全局安装本地服务器,预览html文件 或者不安装提交到github 里面,再用它提供的预览链接看 注意:安装成功后,启动时可以直接是http-server ...
- 表单项标签的input标签的单选框(radio)
<input type="radio" name="gender" value="male"> 男 <input type ...
- label标签与input标签的对齐问题
如果要实现上面这种对齐效果,直接拉到文章底,反正我会说一堆废话.jpg 在这里使用的是嵌套格式: <label>Text<input/></label> 而非通常的 ...
- BUTTON标签和INPUT标签的区别【转】
一句话概括主题:<button>具有<input type="button" ... >相同的作用但是在可操控性方面更加强大. HTML 4.01规范的Fo ...
- 在写移动端时,a标签或者input标签等 在手机上点击背后会有阴影的解决办法
a,input{-webkit-tap-highlight-color:rgba(255,0,0,0);} 被背景设置成透明的就行了 转载于:https://www.cnblogs.com/Nick- ...
- input标签属性简述
一.input标签属性介绍 input标签有许多属性,如:type,name,id,value,style等 name属性:表示元素的名称,也就是name的值代表当前input元素的名字: id属性: ...
最新文章
- java 实体类包含list 怎么取值_2019 最新 500 道 Java 面试题
- 前言:写python和django博客的背景
- VS单步调试乘法语句时报错:“没有可用于当前位置的源代码”的原因
- jQuery选中该复选框来实现/全部取消/未选定/获得的选定值
- Laravel Kernel引导流程分析
- Qt、GTK 和KDE、GNOME的关系-转
- 细说PHP电子书pdf下载
- rbf神经网络python预测代码_RBF神经网络预测
- 关于解决keil5中*** FATAL ERROR L250: CODE SIZE LIMIT IN RESTRICTED VERSION EXCEEDED的问题
- 解析 XML格式数据
- Excel使用条件格式
- gateway配合nacos路由报错:Unable to find instance for XXX
- 解决HC05蓝牙模块主从配对失败及AT模式设置方案
- 深入了解物联网,这几个物联网技术了解吗?
- [zz] 音频DAC的原理
- css border实现图形
- One-Error多标签分类_多分类及多标签分类算法
- 开发框架——横版格斗——动作游戏教程
- bzoj3083 遥远的国度 bzoj3626 LCA (树链剖分)
- 锐捷网络认证客户端RG-SU苹果MAC OSX官方版下载,附使用说明
热门文章
- 软件测试msf模型,Visual Studio 2010 Ultimate中MSF过程模型的设计
- 计算机数据库管理基本知识,2015年计算机四级考试《数据库技术》基础知识:概念篇...
- java的整型_java 整型
- cout输出字符串_leetcode C++题解系列-042 字符串相乘
- Linux单独编译设备树,迅为IMX6Q开发板-非设备树内核-单独编译内核驱动
- 放大镜_屏幕放大镜怎么样使用方法
- Spring 是什么
- 计算机大赛横幅标语有趣的,有趣的横幅标语
- mysql+两天前+函数_Mysql 日期函数
- openstack资源使用汇总_OpenStack 如何查看主机已使用的资源啊?