Native Attributes

Standard HTML attributes with usage patterns, accessibility guidance, and browser support. These are the attributes built into HTML that every browser understands.

Vanilla Breeze documents native HTML attributes alongside its own data-* attributes because understanding the platform is the foundation of the framework. Many problems that developers solve with JavaScript or third-party libraries are already solved by native attributes — autocomplete for one-tap form filling, loading for lazy images, popover for zero-JS dropdowns.

Each attribute page covers the full specification, real-world usage patterns, common mistakes, accessibility implications, and browser support. Browse by category below or use the attribute index to search across all attributes.

Global

`class`

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

`tabindex`

Control keyboard focus order and programmatic focusability

`autofocus`

Automatically focus an element on page load or dialog open

`spellcheck`

Enable or disable browser spell-checking on editable content

`autocapitalize`

Control automatic capitalization on mobile virtual keyboards

`title`

Advisory tooltip text with accessibility caveats and alternatives

`accesskey`

Keyboard shortcut to activate or focus an element

`autocorrect`

Control automatic text correction on mobile devices

Performance

`loading`

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

`async-defer`

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

`blocking`

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

Forms

`autocomplete`

Browser autofill hints for one-tap form completion on mobile

`inputmode`

Control which virtual keyboard appears on mobile devices

`enterkeyhint`

Customize the Enter key label on mobile virtual keyboards

`pattern`

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

`disabled`

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

`readonly`

Make inputs non-editable while still submitting their values

`required`

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

`placeholder`

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

`novalidate`

Bypass native form validation for custom validation or draft saving

`multiple`

Allow multiple selections in select, email, and file inputs

`list`

Connect inputs to datalist for autocomplete suggestions

`form`

Associate form controls with a form outside their DOM ancestor

Interactivity

`popover`

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

`contenteditable`

Make any element editable with optional plaintext-only mode

`hidden`

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

`draggable`

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

Links & Security

`rel`

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

`referrerpolicy`

Control how much referrer information is sent with requests

`integrity`

Subresource integrity — verify CDN files have not been tampered with

`crossorigin`

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

`sandbox`

Iframe security sandbox with granular permission tokens

`download`

Trigger file download instead of navigation with optional filename override

`target`

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

`nonce`

CSP inline script and style allowlisting with one-time tokens

Accessibility

`lang`

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

`dir`

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

`translate`

Mark content as translatable or non-translatable for translation tools

Media

`srcset`

Responsive images with resolution switching, art direction, and sizes

`poster`

Video placeholder image displayed before playback starts

`preload`

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

`controls`

Native media controls with controlslist for selective button removal

`allow`

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

Structure

`open`

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

`datetime`

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

`cite`

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

`reversed`

Reversed and custom-start ordered lists for countdowns and rankings

`wrap`

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

`dirname`

Submit text directionality alongside form values

`is`

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

`ping`

Send tracking pings on link clicks with privacy considerations

`srcdoc`

Inline HTML content for iframes without a separate document

Related

All Attributes

Complete attribute index

Data Attributes

VB's data-* enhancers

Elements

Element reference