button标签

　　html<button>标签用于在 HTML 文档中创建按钮控件。

　　元素<button>使用户能够通过单击按钮来提交表单并与文档交互。

　　虽然此标签通常嵌套在<form>元素内，但这并不是必需的。它还可以通过属性链接到文档中其他位置的表单form。它还可以用作独立控件（即不与任何<form>元素关联）。

　　标签<button>的书写<button></button>方式为，其内容位于开始和结束标签之间。内容充当按钮的标签（即，开始和结束标签之间写的任何内容都会显示在按钮上）。该<button>元素接受许多属性，使您可以自定义按钮的外观、行为等。请参阅下文，了解可与标签一起使用的属性的完整列表<button>。

　　以下是呈现元素的基本语法示例<button>：

<button>点击此处</button>

　　基本标签用法

　　这里我们使用一个独立按钮（即不附加到表单）。我们使用javascript在用户单击按钮时显示一个警告框，从而使事情变得简单。

　　<button onclick="JavaScript:alert('Well done!')">点击我！button>

　　关于表单相关元素

　　某些 HTML 元素可以有“表单所有者”。这意味着元素与表单相关联，并且可以将其用作表单的一部分。如果页面上有一个或多个表单，并且元素未嵌套在其中任何一个表单中，则这会很方便。

　　以下 HTML 元素是“表单相关元素”：

　　button

　　fieldset

　　input

　　keygen

　　label

　　object

　　output

　　select

　　textarea

　　img

　　该<button>元素接受以下属性。

　　autofocus

　　disabled

　　form

　　formaction

　　formenctype

　　formmethod

　　formnovalidate

　　formtarget

　　menu

　　name

　　type

　　value

　　有关这些属性的完整解释，请参阅HTML 5 全局属性

　　全局属性

　　以下属性是所有 HTML 元素的标准属性。因此，您可以将这些属性与 标签<button>以及所有其他 HTML 标签一起使用。

　　accesskey

　　autocapitalize

　　class

　　contenteditable

　　data-*

　　dir

　　draggable

　　hidden

　　id

　　inputmode

　　is

　　itemid

　　itemprop

　　itemref

　　itemscope

　　itemtype

　　lang

　　part

　　slot

　　spellcheck

　　style

　　tabindex

　　title

　　translate

　　有关这些属性的完整解释，请参阅HTML 5 全局属性

　　事件处理程序

　　事件处理程序内容属性可让您从 HTML 中调用脚本。当发生某个“事件”时，将调用该脚本。每个事件处理程序内容属性处理不同的事件。

　　onabort

　　onauxclick

　　onblur

　　oncancel

　　oncanplay

　　oncanplaythrough

　　onchange

　　onclick

　　onclose

　　oncontextmenu

　　oncopy

　　oncuechange

　　oncut

　　ondblclick

　　ondrag

　　ondragend

　　ondragenter

　　ondragexit

　　ondragleave

　　ondragover

　　ondragstart

　　ondrop

　　ondurationchange

　　onemptied

　　onended

　　onerror

　　onfocus

　　onformdata

　　oninput

　　oninvalid

　　onkeydown

　　onkeypress

　　onkeyup

　　onlanguagechange

　　onload

　　onloadeddata

　　onloadedmetadata

　　onloadstart

　　onmousedown

　　onmouseenter

　　onmouseleave

　　onmousemove

　　onmouseout

　　onmouseover

　　onmouseup

　　onpaste

　　onpause

　　onplay

　　onplaying

　　onprogress

　　onratechange

　　onreset

　　onresize

　　onscroll

　　onsecuritypolicyviolation

　　onseeked

　　onseeking

　　onselect

　　onslotchange

　　onstalled

　　onsubmit

　　onsuspend

　　ontimeupdate

　　ontoggle

　　onvolumechange

　　onwaiting

　　onwheel