fieldset:字段集元素

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

  html元素用于对web 表单中的多个控件以及标签()进行分组,标签<fieldset>的写法为,<fieldset></fieldset>将分组的表单控件插入到开始和结束标签之间。可以使用该disabled属性禁用<fieldset>元素内的所有子表单控件。您还可以使用该属性将该元素与同一文档中的元素form关联。

  <fieldset form="myForm" disabled>
  此处形成控件....
  </fieldset>

  属性

  disabled

  如果设置了此布尔属性,则 的所有后代表单控件都<fieldset>将被禁用,这意味着它们不可编辑,并且不会与 一起提交<form>。它们不会接收任何浏览事件,如鼠标单击或焦点相关事件。默认情况下,浏览器会将这些控件显示为灰色。请注意,元素内的表单元素<legend>不会被禁用。

  form

  此属性采用您希望 成为其一部分的元素id的属性值,即使该元素不在表单内。请注意,此用法令人困惑 - 如果您希望内的元素与表单相关联,则需要直接在这些元素上使用该属性。您可以使用 javascript 检查哪些元素与表单相关联。<form><fieldset><input><fieldset>formHTMLFormElement.elements

  name

  与该组关联的名称。

  有几种特殊的样式考虑因素。

  默认情况下,其display值为block,并建立块格式化上下文。如果 的<fieldset>样式为内联级值display,则其行为将为inline-block,否则其行为将为block。默认情况下,内容周围有2px groove边框,并有少量默认填充。默认情况下,元素具有min-inline-size: min-content。

  如果<legend>存在,则将其放置在block-start边框上。<legend>收缩包装,并建立格式化上下文。该display值被块化。(例如,display: inline表现为block。)

  将会有一个匿名框保存 的内容<fieldset>,该框会从 继承某些属性<fieldset>。如果 的<fieldset>样式为display: grid或display: inline-grid,则匿名框将为网格格式化上下文。如果 的<fieldset>样式为display: flex或display: inline-flex,则匿名框将为弹性格式化上下文。否则,它将建立块格式化上下文。

  全局属性

  以下属性是所有 HTML 元素的标准属性。因此,您可以将这些属性与 标签<fieldset>以及所有其他 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

  大多数事件处理程序内容属性可以在所有 HTML 元素上使用,但某些事件处理程序对何时使用以及适用于哪些元素有特定的规则。

本文来源:重庆seo博客

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

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

相关文章