BUTTON和INPUT

转载 2007年09月30日 13:10:00

一句话概括主题:<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(不推荐使用)元素了。

 
举报

相关文章推荐

表单提交中的input、button、submit的区别

最近项目中用了很多的表单提交,发现input、button、submit甚至回车键都可以引发表单提交,下面将分别验证他们在使用中的区别。 1.input[type=submit] 我们直接...

input button的行高在FF下的显示问题

最近国外有开发者发现Firefox和Opera的一个BUG:无法改变按钮里文字的行高(包括input type=”sumbit”和HTML的button标签)。举个例子,对一个按钮使用以下样式: ...

我是如何成为一名python大咖的?

人生苦短,都说必须python,那么我分享下我是如何从小白成为Python资深开发者的吧。2014年我大学刚毕业..

CSS 美化 input button 按钮

input、button可以通过CSS自定义外观,而checkbox radio则没办法通过CSS自定义样式。今天逛GOOGLE+的时候发现了一个利用CSS3伪元素:after来自定义checkbox...

自行编写代码解决 WTForm 无纯 Button 按钮的问题——input篇

在使用 Flask 框架的过程中,会时常使用到 WTForm 这个库。然而在使用中却发现,该库提供的 HTML 元素并不完整,在我们需要使用单纯的 HTML 按钮时,却发现库并不提供,那么我们只能自己...
  • tiwoo
  • tiwoo
  • 2015-05-25 03:41
  • 562

input、button、submit表单提交区别

最近项目中用了很多的表单提交,发现input、button、submit甚至回车键都可以引发表单提交,下面将分别验证他们在使用中的区别。1.input[type=submit]我们直接来看例子: 代码...

驱动之路三--------button驱动(input设备)

开发板:smdk6410 系统:Linux 按键是经常要用的,通过按键产生中断,可以处理不同的功能,键盘的输入就是这么一个原理, 键盘也可以作为一个字符设备去写,在 驱动之路二 中就详细阐述...

网站开发进阶(四十四)input type="submit" 和"button"的区别

网站开发进阶(四十四)input type=”submit” 和”button”的区别  在一个页面上画一个按钮,有四种办法: 这就是一个按钮。如果你不写javascript 的话,按下去什么也不会...

jQuery学习笔记---获取表单值(Input Checkbox ListBox Button...)

1.关于jquery获取input的value问题                $("")是一个jquery对象,而不是一个...

表单元素input、button、submit、submit()、onsubmit()详解

表单元素input、button、submit、submit()、onsubmit()详解 Leave a reply 返回顶部 type=”button”和type=”submit”区别 ...

input标签和button放在一行写:inline元素的空白间隙问题

问题的缘由是因为我要写一个小组件,让一个input文本框和一个button按钮放在一行,类似如下的效果: 我的css设置如下:.same{ padding: 0; margin: 0...
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

(最多只允许输入30个字)