Drupal is a registered trademark of Dries Buytaert
drupal 11.3.7 Update released for Drupal core (11.3.7)! drupal 11.2.11 Update released for Drupal core (11.2.11)! drupal 10.6.7 Update released for Drupal core (10.6.7)! drupal 10.5.9 Update released for Drupal core (10.5.9)! cms 2.1.1 Update released for Drupal core (2.1.1)! drupal 11.3.6 Update released for Drupal core (11.3.6)! drupal 10.6.6 Update released for Drupal core (10.6.6)! cms 2.1.0 Update released for Drupal core (2.1.0)! bootstrap 8.x-3.40 Minor update available for theme bootstrap (8.x-3.40). menu_link_attributes 8.x-1.7 Minor update available for module menu_link_attributes (8.x-1.7). eca 3.1.1 Minor update available for module eca (3.1.1). layout_paragraphs 2.1.3 Minor update available for module layout_paragraphs (2.1.3). ai 1.3.3 Minor update available for module ai (1.3.3). ai 1.2.14 Minor update available for module ai (1.2.14). node_revision_delete 2.0.3 Minor update available for module node_revision_delete (2.0.3). moderated_content_bulk_publish 2.0.52 Minor update available for module moderated_content_bulk_publish (2.0.52). klaro 3.0.10 Minor update available for module klaro (3.0.10). klaro 3.0.9 Minor update available for module klaro (3.0.9). layout_paragraphs 2.1.2 Minor update available for module layout_paragraphs (2.1.2). geofield_map 11.1.8 Minor update available for module geofield_map (11.1.8).

datalist

342 sites Security covered
View on drupal.org

What does it do

Adds a form element for a HTML Datalist.
Adds an extra's "clear" field button and basic theming.

It works more or less the same as a select field but this has built in search capabilities.
This is actually better for accessibility and other use cases then for example select2 and others which aren't really accessible (even though they come close).

When providing options to datalist make sure it's an associative array. (Value => label)
The value will be submitted, the label is visible. (This can be tweaked via the use_keys settings).

A Webform element is also present.

A field type is in development.

Usage

<?php
 $form['list_of_xxx'] = array(
 *   '#type' => 'datalist',
 *   '#options' => [
        1 => 'Label 1',
      ],
 *   '#title' => 'Title',
 *   '#required' => TRUE,
 *   '#....
 * );
?>

Why?

For accessibility and UX reasons we've switched from select, select2 and others to HTML Datalist.

Supporting organizations

  • Federal Police Belgium

Activity

Total releases
1
First release
Jan 2025
Latest release
1 year ago
Release cadence
Stability
100% stable

Releases

Version Type Release date
1.0.8 Stable Jan 29, 2025