可用于 fetcher 的 Form props

interface FetcherFormProps {
    about?: string;
    acceptCharset?: string;
    accessKey?: string;
    action?: string;
    aria-activedescendant?: string;
    aria-atomic?: Booleanish;
    aria-autocomplete?:
        | "none"
        | "list"
        | "inline"
        | "both";
    aria-braillelabel?: string;
    aria-brailleroledescription?: string;
    aria-busy?: Booleanish;
    aria-checked?:
        | boolean
        | "true"
        | "false"
        | "mixed";
    aria-colcount?: number;
    aria-colindex?: number;
    aria-colindextext?: string;
    aria-colspan?: number;
    aria-controls?: string;
    aria-current?:
        | boolean
        | "time"
        | "true"
        | "location"
        | "page"
        | "step"
        | "false"
        | "date";
    aria-describedby?: string;
    aria-description?: string;
    aria-details?: string;
    aria-disabled?: Booleanish;
    aria-dropeffect?:
        | "link"
        | "copy"
        | "none"
        | "execute"
        | "move"
        | "popup";
    aria-errormessage?: string;
    aria-expanded?: Booleanish;
    aria-flowto?: string;
    aria-grabbed?: Booleanish;
    aria-haspopup?:
        | boolean
        | "dialog"
        | "menu"
        | "true"
        | "false"
        | "grid"
        | "listbox"
        | "tree";
    aria-hidden?: Booleanish;
    aria-invalid?:
        | boolean
        | "true"
        | "false"
        | "grammar"
        | "spelling";
    aria-keyshortcuts?: string;
    aria-label?: string;
    aria-labelledby?: string;
    aria-level?: number;
    aria-live?: "off" | "assertive" | "polite";
    aria-modal?: Booleanish;
    aria-multiline?: Booleanish;
    aria-multiselectable?: Booleanish;
    aria-orientation?: "horizontal" | "vertical";
    aria-owns?: string;
    aria-placeholder?: string;
    aria-posinset?: number;
    aria-pressed?:
        | boolean
        | "true"
        | "false"
        | "mixed";
    aria-readonly?: Booleanish;
    aria-relevant?:
        | "text"
        | "additions"
        | "additions removals"
        | "additions text"
        | "all"
        | "removals"
        | "removals additions"
        | "removals text"
        | "text additions"
        | "text removals";
    aria-required?: Booleanish;
    aria-roledescription?: string;
    aria-rowcount?: number;
    aria-rowindex?: number;
    aria-rowindextext?: string;
    aria-rowspan?: number;
    aria-selected?: Booleanish;
    aria-setsize?: number;
    aria-sort?:
        | "none"
        | "ascending"
        | "descending"
        | "other";
    aria-valuemax?: number;
    aria-valuemin?: number;
    aria-valuenow?: number;
    aria-valuetext?: string;
    autoCapitalize?: string;
    autoComplete?: string;
    autoCorrect?: string;
    autoFocus?: boolean;
    autoSave?: string;
    children?: ReactNode;
    className?: string;
    color?: string;
    content?: string;
    contentEditable?: Booleanish | "inherit";
    contextMenu?: string;
    dangerouslySetInnerHTML?: {
        __html: string | TrustedHTML;
    };
    datatype?: string;
    defaultChecked?: boolean;
    defaultValue?: string | number | readonly string[];
    dir?: string;
    draggable?: Booleanish;
    encType?: "application/x-www-form-urlencoded" | "multipart/form-data" | "text/plain";
    hidden?: boolean;
    id?: string;
    inlist?: any;
    inputMode?:
        | "search"
        | "text"
        | "url"
        | "none"
        | "tel"
        | "email"
        | "numeric"
        | "decimal";
    is?: string;
    itemID?: string;
    itemProp?: string;
    itemRef?: string;
    itemScope?: boolean;
    itemType?: string;
    lang?: string;
    method?: HTMLFormMethod;
    name?: string;
    nonce?: string;
    noValidate?: boolean;
    onAbort?: ReactEventHandler<HTMLFormElement>;
    onAbortCapture?: ReactEventHandler<HTMLFormElement>;
    onAnimationEnd?: AnimationEventHandler<HTMLFormElement>;
    onAnimationEndCapture?: AnimationEventHandler<HTMLFormElement>;
    onAnimationIteration?: AnimationEventHandler<HTMLFormElement>;
    onAnimationIterationCapture?: AnimationEventHandler<HTMLFormElement>;
    onAnimationStart?: AnimationEventHandler<HTMLFormElement>;
    onAnimationStartCapture?: AnimationEventHandler<HTMLFormElement>;
    onAuxClick?: MouseEventHandler<HTMLFormElement>;
    onAuxClickCapture?: MouseEventHandler<HTMLFormElement>;
    onBeforeInput?: FormEventHandler<HTMLFormElement>;
    onBeforeInputCapture?: FormEventHandler<HTMLFormElement>;
    onBlur?: FocusEventHandler<HTMLFormElement>;
    onBlurCapture?: FocusEventHandler<HTMLFormElement>;
    onCanPlay?: ReactEventHandler<HTMLFormElement>;
    onCanPlayCapture?: ReactEventHandler<HTMLFormElement>;
    onCanPlayThrough?: ReactEventHandler<HTMLFormElement>;
    onCanPlayThroughCapture?: ReactEventHandler<HTMLFormElement>;
    onChange?: FormEventHandler<HTMLFormElement>;
    onChangeCapture?: FormEventHandler<HTMLFormElement>;
    onClick?: MouseEventHandler<HTMLFormElement>;
    onClickCapture?: MouseEventHandler<HTMLFormElement>;
    onCompositionEnd?: CompositionEventHandler<HTMLFormElement>;
    onCompositionEndCapture?: CompositionEventHandler<HTMLFormElement>;
    onCompositionStart?: CompositionEventHandler<HTMLFormElement>;
    onCompositionStartCapture?: CompositionEventHandler<HTMLFormElement>;
    onCompositionUpdate?: CompositionEventHandler<HTMLFormElement>;
    onCompositionUpdateCapture?: CompositionEventHandler<HTMLFormElement>;
    onContextMenu?: MouseEventHandler<HTMLFormElement>;
    onContextMenuCapture?: MouseEventHandler<HTMLFormElement>;
    onCopy?: ClipboardEventHandler<HTMLFormElement>;
    onCopyCapture?: ClipboardEventHandler<HTMLFormElement>;
    onCut?: ClipboardEventHandler<HTMLFormElement>;
    onCutCapture?: ClipboardEventHandler<HTMLFormElement>;
    onDoubleClick?: MouseEventHandler<HTMLFormElement>;
    onDoubleClickCapture?: MouseEventHandler<HTMLFormElement>;
    onDrag?: DragEventHandler<HTMLFormElement>;
    onDragCapture?: DragEventHandler<HTMLFormElement>;
    onDragEnd?: DragEventHandler<HTMLFormElement>;
    onDragEndCapture?: DragEventHandler<HTMLFormElement>;
    onDragEnter?: DragEventHandler<HTMLFormElement>;
    onDragEnterCapture?: DragEventHandler<HTMLFormElement>;
    onDragExit?: DragEventHandler<HTMLFormElement>;
    onDragExitCapture?: DragEventHandler<HTMLFormElement>;
    onDragLeave?: DragEventHandler<HTMLFormElement>;
    onDragLeaveCapture?: DragEventHandler<HTMLFormElement>;
    onDragOver?: DragEventHandler<HTMLFormElement>;
    onDragOverCapture?: DragEventHandler<HTMLFormElement>;
    onDragStart?: DragEventHandler<HTMLFormElement>;
    onDragStartCapture?: DragEventHandler<HTMLFormElement>;
    onDrop?: DragEventHandler<HTMLFormElement>;
    onDropCapture?: DragEventHandler<HTMLFormElement>;
    onDurationChange?: ReactEventHandler<HTMLFormElement>;
    onDurationChangeCapture?: ReactEventHandler<HTMLFormElement>;
    onEmptied?: ReactEventHandler<HTMLFormElement>;
    onEmptiedCapture?: ReactEventHandler<HTMLFormElement>;
    onEncrypted?: ReactEventHandler<HTMLFormElement>;
    onEncryptedCapture?: ReactEventHandler<HTMLFormElement>;
    onEnded?: ReactEventHandler<HTMLFormElement>;
    onEndedCapture?: ReactEventHandler<HTMLFormElement>;
    onError?: ReactEventHandler<HTMLFormElement>;
    onErrorCapture?: ReactEventHandler<HTMLFormElement>;
    onFocus?: FocusEventHandler<HTMLFormElement>;
    onFocusCapture?: FocusEventHandler<HTMLFormElement>;
    onGotPointerCapture?: PointerEventHandler<HTMLFormElement>;
    onGotPointerCaptureCapture?: PointerEventHandler<HTMLFormElement>;
    onInput?: FormEventHandler<HTMLFormElement>;
    onInputCapture?: FormEventHandler<HTMLFormElement>;
    onInvalid?: FormEventHandler<HTMLFormElement>;
    onInvalidCapture?: FormEventHandler<HTMLFormElement>;
    onKeyDown?: KeyboardEventHandler<HTMLFormElement>;
    onKeyDownCapture?: KeyboardEventHandler<HTMLFormElement>;
    onKeyPress?: KeyboardEventHandler<HTMLFormElement>;
    onKeyPressCapture?: KeyboardEventHandler<HTMLFormElement>;
    onKeyUp?: KeyboardEventHandler<HTMLFormElement>;
    onKeyUpCapture?: KeyboardEventHandler<HTMLFormElement>;
    onLoad?: ReactEventHandler<HTMLFormElement>;
    onLoadCapture?: ReactEventHandler<HTMLFormElement>;
    onLoadedData?: ReactEventHandler<HTMLFormElement>;
    onLoadedDataCapture?: ReactEventHandler<HTMLFormElement>;
    onLoadedMetadata?: ReactEventHandler<HTMLFormElement>;
    onLoadedMetadataCapture?: ReactEventHandler<HTMLFormElement>;
    onLoadStart?: ReactEventHandler<HTMLFormElement>;
    onLoadStartCapture?: ReactEventHandler<HTMLFormElement>;
    onLostPointerCapture?: PointerEventHandler<HTMLFormElement>;
    onLostPointerCaptureCapture?: PointerEventHandler<HTMLFormElement>;
    onMouseDown?: MouseEventHandler<HTMLFormElement>;
    onMouseDownCapture?: MouseEventHandler<HTMLFormElement>;
    onMouseEnter?: MouseEventHandler<HTMLFormElement>;
    onMouseLeave?: MouseEventHandler<HTMLFormElement>;
    onMouseMove?: MouseEventHandler<HTMLFormElement>;
    onMouseMoveCapture?: MouseEventHandler<HTMLFormElement>;
    onMouseOut?: MouseEventHandler<HTMLFormElement>;
    onMouseOutCapture?: MouseEventHandler<HTMLFormElement>;
    onMouseOver?: MouseEventHandler<HTMLFormElement>;
    onMouseOverCapture?: MouseEventHandler<HTMLFormElement>;
    onMouseUp?: MouseEventHandler<HTMLFormElement>;
    onMouseUpCapture?: MouseEventHandler<HTMLFormElement>;
    onPaste?: ClipboardEventHandler<HTMLFormElement>;
    onPasteCapture?: ClipboardEventHandler<HTMLFormElement>;
    onPause?: ReactEventHandler<HTMLFormElement>;
    onPauseCapture?: ReactEventHandler<HTMLFormElement>;
    onPlay?: ReactEventHandler<HTMLFormElement>;
    onPlayCapture?: ReactEventHandler<HTMLFormElement>;
    onPlaying?: ReactEventHandler<HTMLFormElement>;
    onPlayingCapture?: ReactEventHandler<HTMLFormElement>;
    onPointerCancel?: PointerEventHandler<HTMLFormElement>;
    onPointerCancelCapture?: PointerEventHandler<HTMLFormElement>;
    onPointerDown?: PointerEventHandler<HTMLFormElement>;
    onPointerDownCapture?: PointerEventHandler<HTMLFormElement>;
    onPointerEnter?: PointerEventHandler<HTMLFormElement>;
    onPointerEnterCapture?: PointerEventHandler<HTMLFormElement>;
    onPointerLeave?: PointerEventHandler<HTMLFormElement>;
    onPointerLeaveCapture?: PointerEventHandler<HTMLFormElement>;
    onPointerMove?: PointerEventHandler<HTMLFormElement>;
    onPointerMoveCapture?: PointerEventHandler<HTMLFormElement>;
    onPointerOut?: PointerEventHandler<HTMLFormElement>;
    onPointerOutCapture?: PointerEventHandler<HTMLFormElement>;
    onPointerOver?: PointerEventHandler<HTMLFormElement>;
    onPointerOverCapture?: PointerEventHandler<HTMLFormElement>;
    onPointerUp?: PointerEventHandler<HTMLFormElement>;
    onPointerUpCapture?: PointerEventHandler<HTMLFormElement>;
    onProgress?: ReactEventHandler<HTMLFormElement>;
    onProgressCapture?: ReactEventHandler<HTMLFormElement>;
    onRateChange?: ReactEventHandler<HTMLFormElement>;
    onRateChangeCapture?: ReactEventHandler<HTMLFormElement>;
    onReset?: FormEventHandler<HTMLFormElement>;
    onResetCapture?: FormEventHandler<HTMLFormElement>;
    onResize?: ReactEventHandler<HTMLFormElement>;
    onResizeCapture?: ReactEventHandler<HTMLFormElement>;
    onScroll?: UIEventHandler<HTMLFormElement>;
    onScrollCapture?: UIEventHandler<HTMLFormElement>;
    onSeeked?: ReactEventHandler<HTMLFormElement>;
    onSeekedCapture?: ReactEventHandler<HTMLFormElement>;
    onSeeking?: ReactEventHandler<HTMLFormElement>;
    onSeekingCapture?: ReactEventHandler<HTMLFormElement>;
    onSelect?: ReactEventHandler<HTMLFormElement>;
    onSelectCapture?: ReactEventHandler<HTMLFormElement>;
    onStalled?: ReactEventHandler<HTMLFormElement>;
    onStalledCapture?: ReactEventHandler<HTMLFormElement>;
    onSubmit?: FormEventHandler<HTMLFormElement>;
    onSubmitCapture?: FormEventHandler<HTMLFormElement>;
    onSuspend?: ReactEventHandler<HTMLFormElement>;
    onSuspendCapture?: ReactEventHandler<HTMLFormElement>;
    onTimeUpdate?: ReactEventHandler<HTMLFormElement>;
    onTimeUpdateCapture
    onTouchCancel?: TouchEventHandler<HTMLFormElement>;
    onTouchCancelCapture?: TouchEventHandler<HTMLFormElement>;
    onTouchEnd?: TouchEventHandler<HTMLFormElement>;
    onTouchEndCapture?: TouchEventHandler<HTMLFormElement>;
    onTouchMove?: TouchEventHandler<HTMLFormElement>;
    onTouchMoveCapture?: TouchEventHandler<HTMLFormElement>;
    onTouchStart?: TouchEventHandler<HTMLFormElement>;
    onTouchStartCapture?: TouchEventHandler<HTMLFormElement>;
    onTransitionEnd?: TransitionEventHandler<HTMLFormElement>;
    onTransitionEndCapture?: TransitionEventHandler<HTMLFormElement>;
    onVolumeChange?: ReactEventHandler<HTMLFormElement>;
    onVolumeChangeCapture?: ReactEventHandler<HTMLFormElement>;
    onWaiting?: ReactEventHandler<HTMLFormElement>;
    onWaitingCapture?: ReactEventHandler<HTMLFormElement>;
    onWheel?: WheelEventHandler<HTMLFormElement>;
    onWheelCapture?: WheelEventHandler<HTMLFormElement>;
    placeholder?: string;
    prefix?: string;
    preventScrollReset?: boolean;
    property?: string;
    radioGroup?: string;
    rel?: string;
    relative?: RelativeRoutingType;
    resource?: string;
    results?: number;
    rev?: string;
    role?: AriaRole;
    security?: string;
    slot?: string;
    spellCheck?: Booleanish;
    style?: CSSProperties;
    suppressContentEditableWarning?: boolean;
    suppressHydrationWarning?: boolean;
    tabIndex?: number;
    target?: string;
    title?: string;
    translate?: "yes" | "no";
    typeof?: string;
    unselectable?: "on" | "off";
    vocab?: string;
}

层级关系

  • SharedFormProps
    • FetcherFormProps

属性

about? acceptCharset? accessKey? action? aria-activedescendant? aria-atomic? aria-autocomplete? aria-braillelabel? aria-brailleroledescription? aria-busy? aria-checked? aria-colcount? aria-colindex? aria-colindextext? aria-colspan? aria-controls? aria-current? aria-describedby? aria-description? aria-details? aria-disabled? aria-dropeffect? aria-errormessage? aria-expanded? aria-flowto? aria-grabbed? aria-haspopup? aria-hidden? aria-invalid? aria-keyshortcuts? aria-label? aria-labelledby? aria-level? aria-live? aria-modal? aria-multiline? aria-multiselectable? aria-orientation? aria-owns? aria-placeholder? aria-posinset? aria-pressed? aria-readonly? aria-relevant? aria-required? aria-roledescription? aria-rowcount? aria-rowindex? aria-rowindextext? aria-rowspan? aria-selected? aria-setsize? aria-sort? aria-valuemax? aria-valuemin? aria-valuenow? aria-valuetext? autoCapitalize? autoComplete? autoCorrect? autoFocus? autoSave? children? className? color? content? contentEditable? contextMenu? dangerouslySetInnerHTML? datatype? defaultChecked? defaultValue? dir? draggable? encType? hidden? id? inlist? inputMode? is? itemID? itemProp? itemRef? itemScope? itemType? lang? method? name? nonce? noValidate? onAbort? onAbortCapture? onAnimationEnd? onAnimationEndCapture? onAnimationIteration? onAnimationIterationCapture? onAnimationStart? onAnimationStartCapture? onAuxClick? onAuxClickCapture? onBeforeInput? onBeforeInputCapture? onBlur? onBlurCapture? onCanPlay? onCanPlayCapture? onCanPlayThrough? onCanPlayThroughCapture? onChange? onChangeCapture? onClick? onClickCapture? onCompositionEnd? onCompositionEndCapture? onCompositionStart? onCompositionStartCapture? onCompositionUpdate? onCompositionUpdateCapture? onContextMenu? onContextMenuCapture? onCopy? onCopyCapture? onCut? onCutCapture? onDoubleClick? onDoubleClickCapture? onDrag? onDragCapture? onDragEnd? onDragEndCapture? onDragEnter? onDragEnterCapture? onDragExit? onDragExitCapture? onDragLeave? onDragLeaveCapture? onDragOver? onDragOverCapture? onDragStart? onDragStartCapture? onDrop? onDropCapture? onDurationChange? onDurationChangeCapture? onEmptied? onEmptiedCapture? onEncrypted? onEncryptedCapture? onEnded? onEndedCapture? onError? onErrorCapture? onFocus? onFocusCapture? onGotPointerCapture? onGotPointerCaptureCapture? onInput? onInputCapture? onInvalid? onInvalidCapture? onKeyDown? onKeyDownCapture? onKeyPress? onKeyPressCapture? onKeyUp? onKeyUpCapture? onLoad? onLoadCapture? onLoadedData? onLoadedDataCapture? onLoadedMetadata? onLoadedMetadataCapture? onLoadStart? onLoadStartCapture? onLostPointerCapture? onLostPointerCaptureCapture? onMouseDown? onMouseDownCapture? onMouseEnter? onMouseLeave? onMouseMove? onMouseMoveCapture? onMouseOut? onMouseOutCapture? onMouseOver? onMouseOverCapture? onMouseUp? onMouseUpCapture? onPaste? onPasteCapture? onPause? onPauseCapture? onPlay? onPlayCapture? onPlaying? onPlayingCapture? onPointerCancel? onPointerCancelCapture? onPointerDown? onPointerDownCapture? onPointerEnter? onPointerEnterCapture? onPointerLeave? onPointerLeaveCapture? onPointerMove? onPointerMoveCapture? onPointerOut? onPointerOutCapture? onPointerOver? onPointerOverCapture? onPointerUp? onPointerUpCapture? onProgress? onProgressCapture? onRateChange? onRateChangeCapture? onReset? onResetCapture? onResize? onResizeCapture? onScroll? onScrollCapture? onSeeked? onSeekedCapture? onSeeking? onSeekingCapture? onSelect? onSelectCapture? onStalled? onStalledCapture? onSubmit? onSubmitCapture? onSuspend? onSuspendCapture? onTimeUpdate? onTimeUpdateCapture? onTouchCancel? onTouchCancelCapture? onTouchEnd? onTouchEndCapture? onTouchMove? onTouchMoveCapture? onTouchStart? onTouchStartCapture? onTransitionEnd? onTransitionEndCapture? onVolumeChange? onVolumeChangeCapture? onWaiting? onWaitingCapture? onWheel? onWheelCapture? placeholder? prefix? preventScrollReset? property? radioGroup? rel? relative? resource? results? rev? role? security? slot? spellCheck? style? suppressContentEditableWarning? suppressHydrationWarning? tabIndex? target? title? translate? typeof? unselectable? vocab?

属性

about?: string
acceptCharset?: string
accessKey?: string
action?: string

表单数据提交到的 URL。如果为 undefined,则默认为上下文中最近的路由。

aria-activedescendant?: string

当 DOM 焦点位于复合小部件、文本框、组或应用程序上时,标识当前活动元素。

aria-atomic?: Booleanish

指示辅助技术将根据 aria-relevant 属性定义的更改通知呈现更改区域的全部还是仅部分内容。

aria-autocomplete?:
    | "none"
    | "list"
    | "inline"
    | "both"

指示输入文本是否可能触发显示一个或多个用户预期输入值的预测,并指定如果进行预测,将如何呈现预测。

aria-braillelabel?: string

定义一个字符串值,用于标记当前元素,旨在转换为盲文。

aria-label。

aria-brailleroledescription?: string

定义元素角色的人类可读的、作者本地化的缩写描述,旨在转换为盲文。

aria-roledescription。

aria-busy?: Booleanish
aria-checked?:
    | boolean
    | "true"
    | "false"
    | "mixed"

指示复选框、单选按钮和其他小部件的当前“选中”状态。

  • aria-pressed
  • aria-selected。
aria-colcount?: number

定义表格、网格或树形网格中的总列数。

aria-colindex。

aria-colindex?: number

定义元素在表格、网格或树形网格中相对于总列数的列索引或位置。

  • aria-colcount
  • aria-colspan。
aria-colindextext?: string

定义 aria-colindex 的人类可读的文本替代方案。

aria-rowindextext。

aria-colspan?: number

定义表格、网格或树形网格中单元格或网格单元格跨越的列数。

  • aria-colindex
  • aria-rowspan。
aria-controls?: string

标识其内容或存在由当前元素控制的元素(或多个元素)。

aria-owns。

aria-current?:
    | boolean
    | "time"
    | "true"
    | "location"
    | "page"
    | "step"
    | "false"
    | "date"

指示元素在容器或一组相关元素中表示当前项。

aria-describedby?: string

标识描述该对象的元素(或多个元素)。

aria-labelledby

aria-description?: string

定义一个字符串值,用于描述或注释当前元素。

相关的 aria-describedby。

aria-details?: string

标识为对象提供详细、扩展描述的元素。

aria-describedby。

aria-disabled?: Booleanish

指示元素是可感知的但已禁用,因此不可编辑或以其他方式操作。

  • aria-hidden
  • aria-readonly。
aria-dropeffect?:
    | "link"
    | "copy"
    | "none"
    | "execute"
    | "move"
    | "popup"

指示当拖动的对象在放置目标上释放时可以执行哪些功能。

在 ARIA 1.1 中

aria-errormessage?: string

标识为对象提供错误消息的元素。

  • aria-invalid
  • aria-describedby。
aria-expanded?: Booleanish

指示元素或其控制的另一个分组元素当前是展开还是折叠状态。

aria-flowto?: string

标识内容备用阅读顺序中的下一个元素(或多个元素),在用户自行决定时,允许辅助技术覆盖按文档源顺序阅读的一般默认设置。

aria-grabbed?: Booleanish

指示元素在拖放操作中的“抓取”状态。

在 ARIA 1.1 中

aria-haspopup?:
    | boolean
    | "dialog"
    | "menu"
    | "true"
    | "false"
    | "grid"
    | "listbox"
    | "tree"

指示可由元素触发的交互式弹出元素(例如菜单或对话框)的可用性和类型。

aria-hidden?: Booleanish

指示元素是否向辅助功能 API 公开。

aria-disabled。

aria-invalid?:
    | boolean
    | "true"
    | "false"
    | "grammar"
    | "spelling"

指示输入的值不符合应用程序期望的格式。

aria-errormessage。

aria-keyshortcuts?: string

指示作者已实现的用于激活元素或将焦点赋予元素的键盘快捷键。

aria-label?: string

定义一个字符串值,用于标记当前元素。

aria-labelledby。

aria-labelledby?: string

标识标记当前元素的元素(或多个元素)。

aria-describedby。

aria-level?: number

定义元素在结构中的层级级别。

aria-live?: "off" | "assertive" | "polite"

指示元素将被更新,并描述用户代理、辅助技术和用户可以从实时区域期望的更新类型。

aria-modal?: Booleanish

指示元素在显示时是否为模态。

aria-multiline?: Booleanish

指示文本框是否接受多行输入或仅接受单行。

aria-multiselectable?: Booleanish

指示用户是否可以从当前可选择的后代中选择多个项目。

aria-orientation?: "horizontal" | "vertical"

指示元素的朝向是水平、垂直还是未知/不明确。

aria-owns?: string

标识元素(或多个元素),以便在 DOM 元素之间定义视觉、功能或上下文父/子关系,而 DOM 层次结构不能用于表示该关系。

aria-controls。

aria-placeholder?: string

定义一个简短的提示(一个词或短语),旨在帮助用户在控件没有值时进行数据输入。提示可以是示例值或预期格式的简要说明。

aria-posinset?: number

定义元素在当前 listitems 或 treeitems 集合中的编号或位置。如果集合中的所有元素都存在于 DOM 中,则不是必需的。

aria-setsize。

aria-pressed?:
    | boolean
    | "true"
    | "false"
    | "mixed"

指示切换按钮的当前“按下”状态。

  • aria-checked
  • aria-selected。
aria-readonly?: Booleanish

指示元素不可编辑,但在其他方面可操作。

aria-disabled。

aria-relevant?:
    | "text"
    | "additions"
    | "additions removals"
    | "additions text"
    | "all"
    | "removals"
    | "removals additions"
    | "removals text"
    | "text additions"
    | "text removals"

指示当活动区域内的无障碍树被修改时,用户代理将触发哪些通知。

aria-atomic。

aria-required?: Booleanish

指示在表单可以提交之前,元素上是否需要用户输入。

aria-roledescription?: string

定义元素角色的人类可读的、作者本地化的描述。

aria-rowcount?: number

定义表格、网格或树形网格中的总行数。

aria-rowindex。

aria-rowindex?: number

定义元素在表格、网格或树形网格中相对于总行数的行索引或位置。

  • aria-rowcount
  • aria-rowspan。
aria-rowindextext?: string

定义 aria-rowindex 的人类可读的文本替代方案。

aria-colindextext。

aria-rowspan?: number

定义表格、网格或树形网格中单元格或网格单元格跨越的行数。

  • aria-rowindex
  • aria-colspan。
aria-selected?: Booleanish

指示各种小部件的当前“选中”状态。

  • aria-checked
  • aria-pressed。
aria-setsize?: number

定义当前列表项或树形列表项集合中的项目数。如果集合中的所有元素都存在于 DOM 中,则不需要。

aria-posinset。

aria-sort?:
    | "none"
    | "ascending"
    | "descending"
    | "other"

指示表格或网格中的项目是否按升序或降序排序。

aria-valuemax?: number

定义范围小部件允许的最大值。

aria-valuemin?: number

定义范围小部件允许的最小值。

aria-valuenow?: number

定义范围小部件的当前值。

aria-valuetext。

aria-valuetext?: string

定义范围小部件的 aria-valuenow 的人类可读的文本替代方案。

autoCapitalize?: string
autoComplete?: string
autoCorrect?: string
autoFocus?: boolean
autoSave?: string
children?: ReactNode
className?: string
color?: string
content?: string
contentEditable?: Booleanish | "inherit"
contextMenu?: string
dangerouslySetInnerHTML?: {
    __html: string | TrustedHTML;
}
datatype?: string
defaultChecked?: boolean
defaultValue?: string | number | readonly string[]
dir?: string
draggable?: Booleanish
encType?: "application/x-www-form-urlencoded" | "multipart/form-data" | "text/plain"

表单提交时使用的编码类型。

hidden?: boolean
id?: string
inlist?: any
inputMode?:
    | "search"
    | "text"
    | "url"
    | "none"
    | "tel"
    | "email"
    | "numeric"
    | "decimal"

提示用户在编辑元素或其内容时可能输入的数据类型

is?: string

指定标准 HTML 元素应表现得像已定义的自定义内置元素

itemID?: string
itemProp?: string
itemRef?: string
itemScope?: boolean
itemType?: string
lang?: string

表单提交时使用的 HTTP 动词。 支持 "get"、"post"、"put"、"delete" 和 "patch"。

原生 <form> 仅支持 getpost,如果您想支持渐进增强,请避免使用其他动词

name?: string
nonce?: string
noValidate?: boolean
onAbort?: ReactEventHandler<HTMLFormElement>
onAbortCapture?: ReactEventHandler<HTMLFormElement>
onAnimationEnd?: AnimationEventHandler<HTMLFormElement>
onAnimationEndCapture?: AnimationEventHandler<HTMLFormElement>
onAnimationIteration?: AnimationEventHandler<HTMLFormElement>
onAnimationIterationCapture?: AnimationEventHandler<HTMLFormElement>
onAnimationStart?: AnimationEventHandler<HTMLFormElement>
onAnimationStartCapture?: AnimationEventHandler<HTMLFormElement>
onAuxClick?: MouseEventHandler<HTMLFormElement>
onAuxClickCapture?: MouseEventHandler<HTMLFormElement>
onBeforeInput?: FormEventHandler<HTMLFormElement>
onBeforeInputCapture?: FormEventHandler<HTMLFormElement>
onBlur?: FocusEventHandler<HTMLFormElement>
onBlurCapture?: FocusEventHandler<HTMLFormElement>
onCanPlay?: ReactEventHandler<HTMLFormElement>
onCanPlayCapture?: ReactEventHandler<HTMLFormElement>
onCanPlayThrough?: ReactEventHandler<HTMLFormElement>
onCanPlayThroughCapture?: ReactEventHandler<HTMLFormElement>
onChange?: FormEventHandler<HTMLFormElement>
onChangeCapture?: FormEventHandler<HTMLFormElement>
onClick?: MouseEventHandler<HTMLFormElement>
onClickCapture?: MouseEventHandler<HTMLFormElement>
onCompositionEnd?: CompositionEventHandler<HTMLFormElement>
onCompositionEndCapture?: CompositionEventHandler<HTMLFormElement>
onCompositionStart?: CompositionEventHandler<HTMLFormElement>
onCompositionStartCapture?: CompositionEventHandler<HTMLFormElement>
onCompositionUpdate?: CompositionEventHandler<HTMLFormElement>
onCompositionUpdateCapture?: CompositionEventHandler<HTMLFormElement>
onContextMenu?: MouseEventHandler<HTMLFormElement>
onContextMenuCapture?: MouseEventHandler<HTMLFormElement>
onCopy?: ClipboardEventHandler<HTMLFormElement>
onCopyCapture?: ClipboardEventHandler<HTMLFormElement>
onCut?: ClipboardEventHandler<HTMLFormElement>
onCutCapture?: ClipboardEventHandler<HTMLFormElement>
onDoubleClick?: MouseEventHandler<HTMLFormElement>
onDoubleClickCapture?: MouseEventHandler<HTMLFormElement>
onDrag?: DragEventHandler<HTMLFormElement>
onDragCapture?: DragEventHandler<HTMLFormElement>
onDragEnd?: DragEventHandler<HTMLFormElement>
onDragEndCapture?: DragEventHandler<HTMLFormElement>
onDragEnter?: DragEventHandler<HTMLFormElement>
onDragEnterCapture?: DragEventHandler<HTMLFormElement>
onDragExit?: DragEventHandler<HTMLFormElement>
onDragExitCapture?: DragEventHandler<HTMLFormElement>
onDragLeave?: DragEventHandler<HTMLFormElement>
onDragLeaveCapture?: DragEventHandler<HTMLFormElement>
onDragOver?: DragEventHandler<HTMLFormElement>
onDragOverCapture?: DragEventHandler<HTMLFormElement>
onDragStart?: DragEventHandler<HTMLFormElement>
onDragStartCapture?: DragEventHandler<HTMLFormElement>
onDrop?: DragEventHandler<HTMLFormElement>
onDropCapture?: DragEventHandler<HTMLFormElement>
onDurationChange?: ReactEventHandler<HTMLFormElement>
onDurationChangeCapture?: ReactEventHandler<HTMLFormElement>
onEmptied?: ReactEventHandler<HTMLFormElement>
onEmptiedCapture?: ReactEventHandler<HTMLFormElement>
onEncrypted?: ReactEventHandler<HTMLFormElement>
onEncryptedCapture?: ReactEventHandler<HTMLFormElement>
onEnded?: ReactEventHandler<HTMLFormElement>
onEndedCapture?: ReactEventHandler<HTMLFormElement>
onError?: ReactEventHandler<HTMLFormElement>
onErrorCapture?: ReactEventHandler<HTMLFormElement>
onFocus?: FocusEventHandler<HTMLFormElement>
onFocusCapture?: FocusEventHandler<HTMLFormElement>
onGotPointerCapture?: PointerEventHandler<HTMLFormElement>
onGotPointerCaptureCapture?: PointerEventHandler<HTMLFormElement>
onInput?: FormEventHandler<HTMLFormElement>
onInputCapture?: FormEventHandler<HTMLFormElement>
onInvalid?: FormEventHandler<HTMLFormElement>
onInvalidCapture?: FormEventHandler<HTMLFormElement>
onKeyDown?: KeyboardEventHandler<HTMLFormElement>
onKeyDownCapture?: KeyboardEventHandler<HTMLFormElement>
onKeyPress?: KeyboardEventHandler<HTMLFormElement>
onKeyPressCapture?: KeyboardEventHandler<HTMLFormElement>
onKeyUp?: KeyboardEventHandler<HTMLFormElement>
onKeyUpCapture?: KeyboardEventHandler<HTMLFormElement>
onLoad?: ReactEventHandler<HTMLFormElement>
onLoadCapture?: ReactEventHandler<HTMLFormElement>
onLoadedData?: ReactEventHandler<HTMLFormElement>
onLoadedDataCapture?: ReactEventHandler<HTMLFormElement>
onLoadedMetadata?: ReactEventHandler<HTMLFormElement>
onLoadedMetadataCapture?: ReactEventHandler<HTMLFormElement>
onLoadStart?: ReactEventHandler<HTMLFormElement>
onLoadStartCapture?: ReactEventHandler<HTMLFormElement>
onLostPointerCapture?: PointerEventHandler<HTMLFormElement>
onLostPointerCaptureCapture?: PointerEventHandler<HTMLFormElement>
onMouseDown?: MouseEventHandler<HTMLFormElement>
onMouseDownCapture?: MouseEventHandler<HTMLFormElement>
onMouseEnter?: MouseEventHandler<HTMLFormElement>
onMouseLeave?: MouseEventHandler<HTMLFormElement>
onMouseMove?: MouseEventHandler<HTMLFormElement>
onMouseMoveCapture?: MouseEventHandler<HTMLFormElement>
onMouseOut?: MouseEventHandler<HTMLFormElement>
onMouseOutCapture?: MouseEventHandler<HTMLFormElement>
onMouseOver?: MouseEventHandler<HTMLFormElement>
onMouseOverCapture?: MouseEventHandler<HTMLFormElement>
onMouseUp?: MouseEventHandler<HTMLFormElement>
onMouseUpCapture?: MouseEventHandler<HTMLFormElement>
onPaste?: ClipboardEventHandler<HTMLFormElement>
onPasteCapture?: ClipboardEventHandler<HTMLFormElement>
onPause?: ReactEventHandler<HTMLFormElement>
onPauseCapture?: ReactEventHandler<HTMLFormElement>
onPlay?: ReactEventHandler<HTMLFormElement>
onPlayCapture?: ReactEventHandler<HTMLFormElement>
onPlaying?: ReactEventHandler<HTMLFormElement>
onPlayingCapture?: ReactEventHandler<HTMLFormElement>
onPointerCancel?: PointerEventHandler<HTMLFormElement>
onPointerCancelCapture?: PointerEventHandler<HTMLFormElement>
onPointerDown?: PointerEventHandler<HTMLFormElement>
onPointerDownCapture?: PointerEventHandler<HTMLFormElement>
onPointerEnter?: PointerEventHandler<HTMLFormElement>
onPointerEnterCapture?: PointerEventHandler<HTMLFormElement>
onPointerLeave?: PointerEventHandler<HTMLFormElement>
onPointerLeaveCapture?: PointerEventHandler<HTMLFormElement>
onPointerMove?: PointerEventHandler<HTMLFormElement>
onPointerMoveCapture?: PointerEventHandler<HTMLFormElement>
onPointerOut?: PointerEventHandler<HTMLFormElement>
onPointerOutCapture?: PointerEventHandler<HTMLFormElement>
onPointerOver?: PointerEventHandler<HTMLFormElement>
onPointerOverCapture?: PointerEventHandler<HTMLFormElement>
onPointerUp?: PointerEventHandler<HTMLFormElement>
onPointerUpCapture?: PointerEventHandler<HTMLFormElement>
onProgress?: ReactEventHandler<HTMLFormElement>
onProgressCapture?: ReactEventHandler<HTMLFormElement>
onRateChange?: ReactEventHandler<HTMLFormElement>
onRateChangeCapture?: ReactEventHandler<HTMLFormElement>
onReset?: FormEventHandler<HTMLFormElement>
onResetCapture?: FormEventHandler<HTMLFormElement>
onResize?: ReactEventHandler<HTMLFormElement>
onResizeCapture?: ReactEventHandler<HTMLFormElement>
onScroll?: UIEventHandler<HTMLFormElement>
onScrollCapture?: UIEventHandler<HTMLFormElement>
onSeeked?: ReactEventHandler<HTMLFormElement>
onSeekedCapture?: ReactEventHandler<HTMLFormElement>
onSeeking?: ReactEventHandler<HTMLFormElement>
onSeekingCapture?: ReactEventHandler<HTMLFormElement>
onSelect?: ReactEventHandler<HTMLFormElement>
onSelectCapture?: ReactEventHandler<HTMLFormElement>
onStalled?: ReactEventHandler<HTMLFormElement>
onStalledCapture?: ReactEventHandler<HTMLFormElement>
onSubmit?: FormEventHandler<HTMLFormElement>

表单提交时调用的函数。如果您调用 event.preventDefault(),则此表单将不会执行任何操作。

onSubmitCapture?: FormEventHandler<HTMLFormElement>
onSuspend?: ReactEventHandler<HTMLFormElement>
onSuspendCapture?: ReactEventHandler<HTMLFormElement>
onTimeUpdate?: ReactEventHandler<HTMLFormElement>
onTimeUpdateCapture?: ReactEventHandler<HTMLFormElement>
onTouchCancel?: TouchEventHandler<HTMLFormElement>
onTouchCancelCapture?: TouchEventHandler<HTMLFormElement>
onTouchEnd?: TouchEventHandler<HTMLFormElement>
onTouchEndCapture?: TouchEventHandler<HTMLFormElement>
onTouchMove?: TouchEventHandler<HTMLFormElement>
onTouchMoveCapture?: TouchEventHandler<HTMLFormElement>
onTouchStart?: TouchEventHandler<HTMLFormElement>
onTouchStartCapture?: TouchEventHandler<HTMLFormElement>
onTransitionEnd?: TransitionEventHandler<HTMLFormElement>
onTransitionEndCapture?: TransitionEventHandler<HTMLFormElement>
onVolumeChange?: ReactEventHandler<HTMLFormElement>
onVolumeChangeCapture?: ReactEventHandler<HTMLFormElement>
onWaiting?: ReactEventHandler<HTMLFormElement>
onWaitingCapture?: ReactEventHandler<HTMLFormElement>
onWheel?: WheelEventHandler<HTMLFormElement>
onWheelCapture?: WheelEventHandler<HTMLFormElement>
placeholder?: string
prefix?: string
preventScrollReset?: boolean

当使用组件时,防止导航完成时滚动位置重置到视口顶部。

property?: string
radioGroup?: string
rel?: string

确定表单操作是相对于路由层级结构还是路径名。如果您想选择不导航路由层级结构,而是希望根据 /-分隔的 URL 段进行路由,请使用此选项

resource?: string
results?: number
rev?: string
role?: AriaRole
security?: string
slot?: string
spellCheck?: Booleanish
style?: CSSProperties
suppressContentEditableWarning?: boolean
suppressHydrationWarning?: boolean
tabIndex?: number
target?: string
title?: string
translate?: "yes" | "no"
typeof?: string
unselectable?: "on" | "off"
vocab?: string