html语言 input button,HTML中button和input button的区别

本文详细介绍了HTML中<button>和<input type='button'>的区别,包括标签的使用、值的设定、CSS样式的应用及事件处理。重点强调了<button>元素可以包含内容并提供更丰富的表现形式,但不能使用热点地图且不能包含特定类型的子元素。同时,对比了两者的关闭标签设置、值的定义方式以及CSS样式和事件处理的差异。
摘要由CSDN通过智能技术生成

button和input button的区别

一句话概括主题:具有相同的作用但是在可操控性方面更加强大。

HTML 4.01规范的Forms部分指 名表单有以下几种控制类型:buttons, checkboxes, radio buttons, menus, text input, file select, hidden controls, object controls. 其中除了buttons/menus/object controls之外,都是由完成。

我这里说的是和。

规范中指名:可以用和来做表单按扭。不同的按钮类型请参考这些元素的详细定义。要注意的是比支持更丰富的表现功能。

一些区别

大家都知道可以这样用(实际上是一定要这样用):,一定要这样闭合。而不是:。因为起始标签为必须,而关闭标签是禁止的。

比更厉害的地方就在于它可以包含内容。它的值并不是写在value属性里,而是包含在标签中。如:OK。的起始标签和关闭标签都是必须的。这样你便获得了样式化的主导权。

你可以这样写:OK, I do.,甚至是插入图片:, it's great.。有点类似于,但是显然强大多了。

最后要注意的是,被包含的图片,不能使用热点地图,即不能foo.gif,这是不合法的。当然也不能再包含诸如input, select, textarea, label, button, form, fieldset, iframe,和isindex(不推荐使用)元素了。

和 的具体区别

1、关闭标签设置。禁用关闭标签。闭合的写法:。

的起始标签和关闭标签都是必须的,如 OK。

2、的值并不是写在value属性里,而是在起始、关闭标签之间,如上面的OK。同时的值很广泛,

有文字、图像、移动、水平线、框架、分组框、音频视频等。见《

3、可为button元素添加CSS样式。

例如,

其中:width:150px;height:50px; 为按钮的宽度、高度,background-Color:#9cc5f8; 为按钮的背景色,

border:0; 是去掉默认的边框。见《button按钮设计初步》

4、鼠标单击事件、弹出信息的代码可直接写在标签中,方法简单。

例如,按钮名称

其中:alert('弹出信息的内容');为单击时弹出的信息,window.open('打开网页的地址')为打开的网页。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值