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
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
本文来源:重庆seo博客
本文地址:https://www.focusonseo.cn/htmlbiaoqian/152.html
文章声明:以上内容(如有图片或视频亦包括在内)除非注明,否则均为重庆seo博客原创文章,转载或复制请以超链接形式并注明出处。
上一篇:blockquote标签
下一篇:canvas标签