Attribute Index

Complete listing of all attributes — native HTML attributes and VB's data-* enhancers — organized by category.

52 native 5 layout 23 behavior 3 formatting 83 total

native Standard HTML attributes

layout CSS-only structural attributes

behavior JS-enhanced interactive attributes

formatting JS-enhanced display/formatting attributes

Native Attributes

Global

class native

CSS class variants for buttons, navigation, forms, tables, and more

tabindex native

Control keyboard focus order and programmatic focusability

autofocus native

Automatically focus an element on page load or dialog open

spellcheck native

Enable or disable browser spell-checking on editable content

autocapitalize native

Control automatic capitalization on mobile virtual keyboards

title native

Advisory tooltip text with accessibility caveats and alternatives

accesskey native

Keyboard shortcut to activate or focus an element

autocorrect native

Control automatic text correction on mobile devices

Performance

loading native

Lazy loading, fetch priority, and image decoding hints for performance

async-defer native

Script loading strategies — async, defer, and module execution order

blocking native

Explicit render-blocking control for scripts, styles, and links

Forms

autocomplete native

Browser autofill hints for one-tap form completion on mobile

inputmode native

Control which virtual keyboard appears on mobile devices

enterkeyhint native

Customize the Enter key label on mobile virtual keyboards

pattern native

Regex validation, numeric constraints, and character limits for form inputs

disabled native

Disable form controls — fieldset cascade, submission exclusion, and styling

readonly native

Make inputs non-editable while still submitting their values

required native

Mark form fields as mandatory with constraint validation and CSS pseudo-classes

placeholder native

Input hint text — when it helps, when it hurts, and accessible alternatives

novalidate native

Bypass native form validation for custom validation or draft saving

multiple native

Allow multiple selections in select, email, and file inputs

list native

Connect inputs to datalist for autocomplete suggestions

form native

Associate form controls with a form outside their DOM ancestor

Interactivity

popover native

Zero-JS popovers, menus, and tooltips via the Popover API

contenteditable native

Make any element editable with optional plaintext-only mode

hidden native

Hide elements, collapse searchable content, or disable interaction with inert

draggable native

Enable native drag-and-drop on any element with the HTML Drag and Drop API

Links & Security

rel native

Link relationships for security, performance, SEO, and resource hints

referrerpolicy native

Control how much referrer information is sent with requests

integrity native

Subresource integrity — verify CDN files have not been tampered with

crossorigin native

CORS mode for scripts, images, fonts, and media — anonymous or credentialed

sandbox native

Iframe security sandbox with granular permission tokens

download native

Trigger file download instead of navigation with optional filename override

target native

Control where links open — new tabs, named targets, and frame navigation

nonce native

CSP inline script and style allowlisting with one-time tokens

Accessibility

lang native

Declare content language for screen readers, hyphenation, and spell-checking

dir native

Set text direction for right-to-left languages and bidirectional content

translate native

Mark content as translatable or non-translatable for translation tools

Media

srcset native

Responsive images with resolution switching, art direction, and sizes

poster native

Video placeholder image displayed before playback starts

preload native

Media loading strategy — none, metadata, or auto for bandwidth vs UX

controls native

Native media controls with controlslist for selective button removal

allow native

Iframe permissions policy for camera, microphone, fullscreen, and more

Structure

open native

Toggle visibility of details and dialog elements with JS and CSS hooks

datetime native

Machine-readable dates on time, del, and ins elements

cite native

Source URL for blockquote, del, and ins — semantic but invisible

reversed native

Reversed and custom-start ordered lists for countdowns and rankings

wrap native

Textarea line-wrapping behavior — soft vs hard and its effect on submission

dirname native

Submit text directionality alongside form values

is native

Customized built-in elements — extend native HTML with custom behavior

ping native

Send tracking pings on link clicks with privacy considerations

srcdoc native

Inline HTML content for iframes without a separate document

Data Attributes

Layout

data-layout layout

Apply stack, cluster, grid, center, sidebar, split, cover, and other layouts to any element

data-page-layout layout

Full-page grid layouts with semantic area assignment

data-layout-density layout

Compact or spacious spacing modes that cascade to descendants

Formatting

data-format-number formatting

Locale-aware number formatting via Intl.NumberFormat

data-format-date formatting

Locale-aware date and relative time formatting

data-format-bytes formatting

Human-readable file size formatting

data-ticker behavior

Animated number count-up on scroll

Math

data-math behavior

Enhance code elements with precompiled MathML rendering, numbering, and copy-to-clipboard

Clipboard & Selection

data-copy behavior

Copy text to clipboard on click with visual feedback

data-select-all behavior

Master checkbox for bulk selection

Text Effects

data-text-effects behavior

Gradient, shimmer, glitch, reveal, highlight, typewriter, and scramble effects

data-emoji behavior

Replace :shortcode: text with Unicode emoji characters

Interaction

data-hotkey behavior

Platform-aware keyboard shortcut display

data-spoiler behavior

Content concealment with blur, solid, or noise effects

data-animate-image behavior

Play/pause control for animated GIF, WebP, and APNG images

data-splitter behavior

Resizable drag divider between panels with keyboard support

Form Controls

data-switch behavior

Transform a checkbox into a sliding toggle switch with size variants

data-range behavior

Cross-browser styled range slider with value bubble and tick markers

data-stepper behavior

Custom increment and decrement buttons for number inputs

data-color behavior

Styled color swatch with hex display for color inputs

data-mask behavior

Input masking for phone, credit card, date, and custom patterns

data-upload behavior

Drag-and-drop file upload zone with file list display

data-toggle-tags behavior

Checkbox pill chips for tag-based multi-select filtering

data-strength behavior

Real-time password strength meter with configurable rules

Form Behavior

data-count behavior

Live character or word count for textareas with threshold warnings

data-grow behavior

Auto-expanding textarea using CSS field-sizing with JS fallback

data-show-when behavior

Conditionally show or hide form sections based on field values

data-autosave behavior

Persist form drafts to localStorage with auto-restore on reload

data-wizard behavior

Multi-step form wizard with per-step validation and progress tracking

Infrastructure

hide-until-ready layout

Prevent FOUC by hiding elements until custom elements are defined

view-transitions layout

CSS View Transitions with named groups, shared elements, and presets