html按钮图文,HTML 5 <button> 按钮标签详细介绍及用法举例

本文详细介绍了HTML5中<button>标签的使用,包括autofocus、disabled、name、type和value等属性,以及如何通过事件属性如onclick来处理按钮点击事件。此外,还展示了如何通过CSS改变按钮样式,并提供了删除操作的JavaScript示例。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

标签定义。您可以在 button 元素中放置内容,比如文档或图像。这是该元素与由 input 元素创建的按钮的不同之处。

HTML 5 按钮标签 HTML 4.01 与 HTML 5 之间的差异

在 HTML 5 中有一个新属性:autofocus。

HTML 5 按钮标签属性介绍

属性        值                       描述

autofocus   true | false             在页面加载时,是否让按钮获得焦点。

disabled    disabled                 禁用按钮

name        button_name            为按钮规定为一的名称。

type        button|reset|submit     定义按钮的类型。

value       some_value 为按钮规定初始值。   该值可通过脚本改变。

HTML 5 按钮标签标准属性

HTML 5 按钮标签事件属性

ondblclick, ondrag, ondragend, ondragenter, ondragleave, ondragover,

HTML 5 按钮标签例子:Click Me!

HTML 5 按钮标签onclick举例:

function clickHandler(){

// do something

}

HTML5 按钮标签改变样式举例:

或者

xxx.gif

在HTML中插入Button按钮,且按钮要显示颜色举例:

无标题文档

function deleteDiv(ele){

ele.parentNode.parentNode.removeChild(ele.parentNode);

}

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值