The snippet library.
Small, practical examples. Search by task or narrow things down below.
Associate help text with an input
HTML: aria-describedby references supplementary instructions separately from the input’s name.
HTML✓ Tested
Attach a custom data attribute
HTML: Learn how to attach a custom data attribute in a complete browser example.
HTML✓ Tested
Attach a pronunciation annotation to text
HTML: Ruby and rt represent a base text and its short annotation.
HTML✓ Tested
Block scripts in an embedded document
HTML: An empty sandbox attribute applies the default set of restrictions, including blocking script execution.
HTML✓ Tested
Build a first radio-button group
HTML: Learn how to build a first radio-button group in a complete browser example.
HTML✓ Tested
Choose a different image for a small viewport
HTML: Picture evaluates source media conditions before falling back to the img source.
HTML✓ Tested
Choose a local file through a labeled control
HTML: A file input exposes selected file metadata to the page without providing arbitrary filesystem access.
HTML✓ Tested
Clone inert template content into the document
HTML: Template children stay out of the rendered document until their fragment is inserted.
HTML✓ Tested
Collect several checked values under one name
HTML: Only checked named checkboxes become successful form controls.
HTML✓ Tested
Constrain a calendar date input
HTML: Use ISO date values for the date control’s minimum and maximum.
HTML✓ Tested
Continue an ordered list at a chosen number
HTML: The start attribute controls the initial ordinal without changing item text.
HTML✓ Tested
Count an ordered list downward
HTML: The reversed attribute changes the native numbering direction.
HTML✓ Tested