6 * You can think of it as a dropdown select with the ability to add custom options,
7 * or as a text field with input suggestions (autocompletion).
9 * When JavaScript is not supported or enabled, it uses HTML5 `<datalist>` element.
11 * Besides the parameters recognized by HTMLTextField, the following are
13 * options-messages - As for HTMLSelectField
14 * options - As for HTMLSelectField
15 * options-message - As for HTMLSelectField
17 class HTMLComboboxField
extends HTMLTextField
{
18 // FIXME Ewww, this shouldn't be adding any attributes not requested in $list :(
19 public function getAttributes( array $list ) {
22 'list' => $this->mName
. '-datalist',
23 ] + parent
::getAttributes( $list );
28 function getInputHTML( $value ) {
29 $datalist = new XmlSelect( false, $this->mName
. '-datalist' );
30 $datalist->setTagName( 'datalist' );
31 $datalist->addOptions( $this->getOptions() );
33 return parent
::getInputHTML( $value ) . $datalist->getHTML();
36 function getInputOOUI( $value ) {
38 $allowedParams = [ 'tabindex' ];
39 $attribs = OOUI\Element
::configFromHtmlAttributes(
40 $this->getAttributes( $allowedParams )
43 if ( $this->mClass
!== '' ) {
44 $attribs['classes'] = [ $this->mClass
];
47 if ( !empty( $this->mParams
['disabled'] ) ) {
51 return new OOUI\
ComboBoxInputWidget( [
52 'name' => $this->mName
,
54 'options' => $this->getOptionsOOUI(),
55 'value' => strval( $value ),
56 'disabled' => $disabled,
60 protected function shouldInfuseOOUI() {