button标签

帆 2024-08-05 0 阅读 0 评论

  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

本文来源:重庆seo博客

本文地址:https://www.focusonseo.cn/htmlbiaoqian/152.html

文章声明:以上内容(如有图片或视频亦包括在内)除非注明,否则均为重庆seo博客原创文章,转载或复制请以超链接形式并注明出处。

上一篇:blockquote标签

下一篇:canvas标签