Class Datalist


@Bean(typeName="datalist") public class Datalist extends HtmlElementContainer
DTO for an HTML <datalist> element.

The datalist element represents a set of option elements that represent predefined options for other controls. It is used to provide a list of suggested values for input elements, allowing users to either select from the predefined options or enter their own custom value. The datalist element is typically associated with an input element through the list attribute, and the options within the datalist provide autocomplete suggestions.

Examples:

import static org.apache.juneau.bean.html5.HtmlBuilder.*; // Simple datalist Datalist simple = datalist("colors", option("red", "Red"), option("green", "Green"), option("blue", "Blue") ); // Datalist with styling Datalist styled = datalist("countries", option("us", "United States"), option("ca", "Canada"), option("mx", "Mexico") )._class("country-list"); // Datalist with multiple options Datalist multiple = datalist("fruits", option("apple", "Apple"), option("banana", "Banana"), option("cherry", "Cherry"), option("date", "Date"), option("elderberry", "Elderberry") ); // Datalist with complex options Datalist complex = datalist("products", option("laptop-001", "Laptop Pro 15\" - $1,299"), option("laptop-002", "Laptop Air 13\" - $999"), option("tablet-001", "Tablet 10\" - $499") ); // Datalist with ID Datalist withId = datalist("cities", option("new-york", "New York"), option("los-angeles", "Los Angeles"), option("chicago", "Chicago") ); // Datalist with styling Datalist styled2 = datalist("sizes", option("xs", "Extra Small"), option("s", "Small"), option("m", "Medium"), option("l", "Large"), option("xl", "Extra Large") ).style("display: none;");

The following convenience methods are provided for constructing instances of this bean:

See Also: