Vanilla Breeze

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
↑