4 * HTML form generation and submission handling.
6 * This program is free software; you can redistribute it and/or modify
7 * it under the terms of the GNU General Public License as published by
8 * the Free Software Foundation; either version 2 of the License, or
9 * (at your option) any later version.
11 * This program is distributed in the hope that it will be useful,
12 * but WITHOUT ANY WARRANTY; without even the implied warranty of
13 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
14 * GNU General Public License for more details.
16 * You should have received a copy of the GNU General Public License along
17 * with this program; if not, write to the Free Software Foundation, Inc.,
18 * 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301, USA.
19 * http://www.gnu.org/copyleft/gpl.html
25 * Object handling generic submission, CSRF protection, layout and
26 * other logic for UI forms. in a reusable manner.
28 * In order to generate the form, the HTMLForm object takes an array
29 * structure detailing the form fields available. Each element of the
30 * array is a basic property-list, including the type of field, the
31 * label it is to be given in the form, callbacks for validation and
32 * 'filtering', and other pertinent information.
34 * Field types are implemented as subclasses of the generic HTMLFormField
35 * object, and typically implement at least getInputHTML, which generates
36 * the HTML for the input field to be placed in the table.
38 * You can find extensive documentation on the www.mediawiki.org wiki:
39 * - https://www.mediawiki.org/wiki/HTMLForm
40 * - https://www.mediawiki.org/wiki/HTMLForm/tutorial
42 * The constructor input is an associative array of $fieldname => $info,
43 * where $info is an Associative Array with any of the following:
45 * 'class' -- the subclass of HTMLFormField that will be used
46 * to create the object. *NOT* the CSS class!
47 * 'type' -- roughly translates into the <select> type attribute.
48 * if 'class' is not specified, this is used as a map
49 * through HTMLForm::$typeMappings to get the class name.
50 * 'default' -- default value when the form is displayed
51 * 'id' -- HTML id attribute
52 * 'cssclass' -- CSS class
53 * 'csshelpclass' -- CSS class used to style help text
54 * 'dir' -- Direction of the element.
55 * 'options' -- associative array mapping labels to values.
56 * Some field types support multi-level arrays.
57 * 'options-messages' -- associative array mapping message keys to values.
58 * Some field types support multi-level arrays.
59 * 'options-message' -- message key or object to be parsed to extract the list of
60 * options (like 'ipbreason-dropdown').
61 * 'label-message' -- message key or object for a message to use as the label.
62 * can be an array of msg key and then parameters to
64 * 'label' -- alternatively, a raw text message. Overridden by
66 * 'help' -- message text for a message to use as a help text.
67 * 'help-message' -- message key or object for a message to use as a help text.
68 * can be an array of msg key and then parameters to
70 * Overwrites 'help-messages' and 'help'.
71 * 'help-messages' -- array of message keys/objects. As above, each item can
72 * be an array of msg key and then parameters.
74 * 'notice' -- message text for a message to use as a notice in the field.
75 * Currently used by OOUI form fields only.
76 * 'notice-messages' -- array of message keys/objects to use for notice.
78 * 'notice-message' -- message key or object to use as a notice.
79 * 'required' -- passed through to the object, indicating that it
80 * is a required field.
81 * 'size' -- the length of text fields
82 * 'filter-callback' -- a function name to give you the chance to
83 * massage the inputted value before it's processed.
84 * @see HTMLFormField::filter()
85 * 'validation-callback' -- a function name to give you the chance
86 * to impose extra validation on the field input.
87 * @see HTMLFormField::validate()
88 * 'name' -- By default, the 'name' attribute of the input field
89 * is "wp{$fieldname}". If you want a different name
90 * (eg one without the "wp" prefix), specify it here and
91 * it will be used without modification.
92 * 'hide-if' -- expression given as an array stating when the field
93 * should be hidden. The first array value has to be the
94 * expression's logic operator. Supported expressions:
96 * [ 'NOT', array $expression ]
97 * To hide a field if a given expression is not true.
99 * [ '===', string $fieldName, string $value ]
100 * To hide a field if another field identified by
101 * $field has the value $value.
103 * [ '!==', string $fieldName, string $value ]
104 * Same as [ 'NOT', [ '===', $fieldName, $value ]
105 * 'OR', 'AND', 'NOR', 'NAND'
106 * [ 'XXX', array $expression1, ..., array $expressionN ]
107 * To hide a field if one or more (OR), all (AND),
108 * neither (NOR) or not all (NAND) given expressions
109 * are evaluated as true.
110 * The expressions will be given to a JavaScript frontend
111 * module which will continually update the field's
114 * Since 1.20, you can chain mutators to ease the form generation:
117 * $form = new HTMLForm( $someFields );
118 * $form->setMethod( 'get' )
119 * ->setWrapperLegendMsg( 'message-key' )
121 * ->displayForm( '' );
123 * Note that you will have prepareForm and displayForm at the end. Other
124 * methods call done after that would simply not be part of the form :(
126 * @todo Document 'section' / 'subsection' stuff
128 class HTMLForm
extends ContextSource
{
129 // A mapping of 'type' inputs onto standard HTMLFormField subclasses
130 public static $typeMappings = [
131 'api' => 'HTMLApiField',
132 'text' => 'HTMLTextField',
133 'textwithbutton' => 'HTMLTextFieldWithButton',
134 'textarea' => 'HTMLTextAreaField',
135 'select' => 'HTMLSelectField',
136 'combobox' => 'HTMLComboboxField',
137 'radio' => 'HTMLRadioField',
138 'multiselect' => 'HTMLMultiSelectField',
139 'limitselect' => 'HTMLSelectLimitField',
140 'check' => 'HTMLCheckField',
141 'toggle' => 'HTMLCheckField',
142 'int' => 'HTMLIntField',
143 'float' => 'HTMLFloatField',
144 'info' => 'HTMLInfoField',
145 'selectorother' => 'HTMLSelectOrOtherField',
146 'selectandother' => 'HTMLSelectAndOtherField',
147 'namespaceselect' => 'HTMLSelectNamespace',
148 'namespaceselectwithbutton' => 'HTMLSelectNamespaceWithButton',
149 'tagfilter' => 'HTMLTagFilter',
150 'sizefilter' => 'HTMLSizeFilterField',
151 'submit' => 'HTMLSubmitField',
152 'hidden' => 'HTMLHiddenField',
153 'edittools' => 'HTMLEditTools',
154 'checkmatrix' => 'HTMLCheckMatrix',
155 'cloner' => 'HTMLFormFieldCloner',
156 'autocompleteselect' => 'HTMLAutoCompleteSelectField',
157 'date' => 'HTMLDateTimeField',
158 'time' => 'HTMLDateTimeField',
159 'datetime' => 'HTMLDateTimeField',
160 // HTMLTextField will output the correct type="" attribute automagically.
161 // There are about four zillion other HTML5 input types, like range, but
162 // we don't use those at the moment, so no point in adding all of them.
163 'email' => 'HTMLTextField',
164 'password' => 'HTMLTextField',
165 'url' => 'HTMLTextField',
166 'title' => 'HTMLTitleTextField',
167 'user' => 'HTMLUserTextField',
172 protected $mMessagePrefix;
174 /** @var HTMLFormField[] */
175 protected $mFlatFields;
177 protected $mFieldTree;
178 protected $mShowReset = false;
179 protected $mShowSubmit = true;
180 protected $mSubmitFlags = [ 'primary', 'progressive' ];
181 protected $mShowCancel = false;
182 protected $mCancelTarget;
184 protected $mSubmitCallback;
185 protected $mValidationErrorMessage;
187 protected $mPre = '';
188 protected $mHeader = '';
189 protected $mFooter = '';
190 protected $mSectionHeaders = [];
191 protected $mSectionFooters = [];
192 protected $mPost = '';
195 protected $mTableId = '';
197 protected $mSubmitID;
198 protected $mSubmitName;
199 protected $mSubmitText;
200 protected $mSubmitTooltip;
202 protected $mFormIdentifier;
204 protected $mMethod = 'post';
205 protected $mWasSubmitted = false;
208 * Form action URL. false means we will use the URL to set Title
212 protected $mAction = false;
215 * Form attribute autocomplete. false does not set the attribute
219 protected $mAutocomplete = false;
221 protected $mUseMultipart = false;
222 protected $mHiddenFields = [];
223 protected $mButtons = [];
225 protected $mWrapperLegend = false;
228 * Salt for the edit token.
231 protected $mTokenSalt = '';
234 * If true, sections that contain both fields and subsections will
235 * render their subsections before their fields.
237 * Subclasses may set this to false to render subsections after fields
240 protected $mSubSectionBeforeFields = true;
243 * Format in which to display form. For viable options,
244 * @see $availableDisplayFormats
247 protected $displayFormat = 'table';
250 * Available formats in which to display the form
253 protected $availableDisplayFormats = [
261 * Available formats in which to display the form
264 protected $availableSubclassDisplayFormats = [
270 * Construct a HTMLForm object for given display type. May return a HTMLForm subclass.
272 * @param string $displayFormat
273 * @param mixed $arguments... Additional arguments to pass to the constructor.
276 public static function factory( $displayFormat/*, $arguments...*/ ) {
277 $arguments = func_get_args();
278 array_shift( $arguments );
280 switch ( $displayFormat ) {
282 return ObjectFactory
::constructClassInstance( VFormHTMLForm
::class, $arguments );
284 return ObjectFactory
::constructClassInstance( OOUIHTMLForm
::class, $arguments );
286 /** @var HTMLForm $form */
287 $form = ObjectFactory
::constructClassInstance( HTMLForm
::class, $arguments );
288 $form->setDisplayFormat( $displayFormat );
294 * Build a new HTMLForm from an array of field attributes
296 * @param array $descriptor Array of Field constructs, as described above
297 * @param IContextSource $context Available since 1.18, will become compulsory in 1.18.
298 * Obviates the need to call $form->setTitle()
299 * @param string $messagePrefix A prefix to go in front of default messages
301 public function __construct( $descriptor, /*IContextSource*/ $context = null,
304 if ( $context instanceof IContextSource
) {
305 $this->setContext( $context );
306 $this->mTitle
= false; // We don't need them to set a title
307 $this->mMessagePrefix
= $messagePrefix;
308 } elseif ( $context === null && $messagePrefix !== '' ) {
309 $this->mMessagePrefix
= $messagePrefix;
310 } elseif ( is_string( $context ) && $messagePrefix === '' ) {
312 // it's actually $messagePrefix
313 $this->mMessagePrefix
= $context;
316 // Evil hack for mobile :(
318 !$this->getConfig()->get( 'HTMLFormAllowTableFormat' )
319 && $this->displayFormat
=== 'table'
321 $this->displayFormat
= 'div';
324 // Expand out into a tree.
325 $loadedDescriptor = [];
326 $this->mFlatFields
= [];
328 foreach ( $descriptor as $fieldname => $info ) {
329 $section = isset( $info['section'] )
333 if ( isset( $info['type'] ) && $info['type'] === 'file' ) {
334 $this->mUseMultipart
= true;
337 $field = static::loadInputFromParameters( $fieldname, $info, $this );
339 $setSection =& $loadedDescriptor;
341 $sectionParts = explode( '/', $section );
343 while ( count( $sectionParts ) ) {
344 $newName = array_shift( $sectionParts );
346 if ( !isset( $setSection[$newName] ) ) {
347 $setSection[$newName] = [];
350 $setSection =& $setSection[$newName];
354 $setSection[$fieldname] = $field;
355 $this->mFlatFields
[$fieldname] = $field;
358 $this->mFieldTree
= $loadedDescriptor;
362 * @param string $fieldname
365 public function hasField( $fieldname ) {
366 return isset( $this->mFlatFields
[$fieldname] );
370 * @param string $fieldname
371 * @return HTMLFormField
372 * @throws DomainException on invalid field name
374 public function getField( $fieldname ) {
375 if ( !$this->hasField( $fieldname ) ) {
376 throw new DomainException( __METHOD__
. ': no field named ' . $fieldname );
378 return $this->mFlatFields
[$fieldname];
382 * Set format in which to display the form
384 * @param string $format The name of the format to use, must be one of
385 * $this->availableDisplayFormats
387 * @throws MWException
389 * @return HTMLForm $this for chaining calls (since 1.20)
391 public function setDisplayFormat( $format ) {
393 in_array( $format, $this->availableSubclassDisplayFormats
, true ) ||
394 in_array( $this->displayFormat
, $this->availableSubclassDisplayFormats
, true )
396 throw new MWException( 'Cannot change display format after creation, ' .
397 'use HTMLForm::factory() instead' );
400 if ( !in_array( $format, $this->availableDisplayFormats
, true ) ) {
401 throw new MWException( 'Display format must be one of ' .
402 print_r( $this->availableDisplayFormats
, true ) );
405 // Evil hack for mobile :(
406 if ( !$this->getConfig()->get( 'HTMLFormAllowTableFormat' ) && $format === 'table' ) {
410 $this->displayFormat
= $format;
416 * Getter for displayFormat
420 public function getDisplayFormat() {
421 return $this->displayFormat
;
425 * Test if displayFormat is 'vform'
427 * @deprecated since 1.25
430 public function isVForm() {
431 wfDeprecated( __METHOD__
, '1.25' );
436 * Get the HTMLFormField subclass for this descriptor.
438 * The descriptor can be passed either 'class' which is the name of
439 * a HTMLFormField subclass, or a shorter 'type' which is an alias.
440 * This makes sure the 'class' is always set, and also is returned by
441 * this function for ease.
445 * @param string $fieldname Name of the field
446 * @param array $descriptor Input Descriptor, as described above
448 * @throws MWException
449 * @return string Name of a HTMLFormField subclass
451 public static function getClassFromDescriptor( $fieldname, &$descriptor ) {
452 if ( isset( $descriptor['class'] ) ) {
453 $class = $descriptor['class'];
454 } elseif ( isset( $descriptor['type'] ) ) {
455 $class = static::$typeMappings[$descriptor['type']];
456 $descriptor['class'] = $class;
462 throw new MWException( "Descriptor with no class for $fieldname: "
463 . print_r( $descriptor, true ) );
470 * Initialise a new Object for the field
472 * @param string $fieldname Name of the field
473 * @param array $descriptor Input Descriptor, as described above
474 * @param HTMLForm|null $parent Parent instance of HTMLForm
476 * @throws MWException
477 * @return HTMLFormField Instance of a subclass of HTMLFormField
479 public static function loadInputFromParameters( $fieldname, $descriptor,
480 HTMLForm
$parent = null
482 $class = static::getClassFromDescriptor( $fieldname, $descriptor );
484 $descriptor['fieldname'] = $fieldname;
486 $descriptor['parent'] = $parent;
489 # @todo This will throw a fatal error whenever someone try to use
490 # 'class' to feed a CSS class instead of 'cssclass'. Would be
491 # great to avoid the fatal error and show a nice error.
492 return new $class( $descriptor );
496 * Prepare form for submission.
498 * @attention When doing method chaining, that should be the very last
499 * method call before displayForm().
501 * @throws MWException
502 * @return HTMLForm $this for chaining calls (since 1.20)
504 public function prepareForm() {
505 # Check if we have the info we need
506 if ( !$this->mTitle
instanceof Title
&& $this->mTitle
!== false ) {
507 throw new MWException( 'You must call setTitle() on an HTMLForm' );
510 # Load data from the request.
512 $this->mFormIdentifier
=== null ||
513 $this->getRequest()->getVal( 'wpFormIdentifier' ) === $this->mFormIdentifier
517 $this->mFieldData
= [];
524 * Try submitting, with edit token check first
525 * @return Status|bool
527 public function tryAuthorizedSubmit() {
531 if ( $this->mFormIdentifier
=== null ) {
534 $identOkay = $this->getRequest()->getVal( 'wpFormIdentifier' ) === $this->mFormIdentifier
;
538 if ( $this->getMethod() !== 'post' ) {
539 $tokenOkay = true; // no session check needed
540 } elseif ( $this->getRequest()->wasPosted() ) {
541 $editToken = $this->getRequest()->getVal( 'wpEditToken' );
542 if ( $this->getUser()->isLoggedIn() ||
$editToken !== null ) {
543 // Session tokens for logged-out users have no security value.
544 // However, if the user gave one, check it in order to give a nice
545 // "session expired" error instead of "permission denied" or such.
546 $tokenOkay = $this->getUser()->matchEditToken( $editToken, $this->mTokenSalt
);
552 if ( $tokenOkay && $identOkay ) {
553 $this->mWasSubmitted
= true;
554 $result = $this->trySubmit();
561 * The here's-one-I-made-earlier option: do the submission if
562 * posted, or display the form with or without funky validation
564 * @return bool|Status Whether submission was successful.
566 public function show() {
567 $this->prepareForm();
569 $result = $this->tryAuthorizedSubmit();
570 if ( $result === true ||
( $result instanceof Status
&& $result->isGood() ) ) {
574 $this->displayForm( $result );
580 * Same as self::show with the difference, that the form will be
581 * added to the output, no matter, if the validation was good or not.
582 * @return bool|Status Whether submission was successful.
584 public function showAlways() {
585 $this->prepareForm();
587 $result = $this->tryAuthorizedSubmit();
589 $this->displayForm( $result );
595 * Validate all the fields, and call the submission callback
596 * function if everything is kosher.
597 * @throws MWException
598 * @return bool|string|array|Status
599 * - Bool true or a good Status object indicates success,
600 * - Bool false indicates no submission was attempted,
601 * - Anything else indicates failure. The value may be a fatal Status
602 * object, an HTML string, or an array of arrays (message keys and
603 * params) or strings (message keys)
605 public function trySubmit() {
607 $hoistedErrors = Status
::newGood();
608 if ( $this->mValidationErrorMessage
) {
609 foreach ( (array)$this->mValidationErrorMessage
as $error ) {
610 call_user_func_array( [ $hoistedErrors, 'fatal' ], $error );
613 $hoistedErrors->fatal( 'htmlform-invalid-input' );
616 $this->mWasSubmitted
= true;
618 # Check for cancelled submission
619 foreach ( $this->mFlatFields
as $fieldname => $field ) {
620 if ( !array_key_exists( $fieldname, $this->mFieldData
) ) {
623 if ( $field->cancelSubmit( $this->mFieldData
[$fieldname], $this->mFieldData
) ) {
624 $this->mWasSubmitted
= false;
629 # Check for validation
630 foreach ( $this->mFlatFields
as $fieldname => $field ) {
631 if ( !array_key_exists( $fieldname, $this->mFieldData
) ) {
634 if ( $field->isHidden( $this->mFieldData
) ) {
637 $res = $field->validate( $this->mFieldData
[$fieldname], $this->mFieldData
);
638 if ( $res !== true ) {
640 if ( $res !== false && !$field->canDisplayErrors() ) {
641 if ( is_string( $res ) ) {
642 $hoistedErrors->fatal( 'rawmessage', $res );
644 $hoistedErrors->fatal( $res );
651 return $hoistedErrors;
654 $callback = $this->mSubmitCallback
;
655 if ( !is_callable( $callback ) ) {
656 throw new MWException( 'HTMLForm: no submit callback provided. Use ' .
657 'setSubmitCallback() to set one.' );
660 $data = $this->filterDataForSubmit( $this->mFieldData
);
662 $res = call_user_func( $callback, $data, $this );
663 if ( $res === false ) {
664 $this->mWasSubmitted
= false;
671 * Test whether the form was considered to have been submitted or not, i.e.
672 * whether the last call to tryAuthorizedSubmit or trySubmit returned
675 * This will return false until HTMLForm::tryAuthorizedSubmit or
676 * HTMLForm::trySubmit is called.
681 public function wasSubmitted() {
682 return $this->mWasSubmitted
;
686 * Set a callback to a function to do something with the form
687 * once it's been successfully validated.
689 * @param callable $cb The function will be passed the output from
690 * HTMLForm::filterDataForSubmit and this HTMLForm object, and must
691 * return as documented for HTMLForm::trySubmit
693 * @return HTMLForm $this for chaining calls (since 1.20)
695 public function setSubmitCallback( $cb ) {
696 $this->mSubmitCallback
= $cb;
702 * Set a message to display on a validation error.
704 * @param string|array $msg String or Array of valid inputs to wfMessage()
705 * (so each entry can be either a String or Array)
707 * @return HTMLForm $this for chaining calls (since 1.20)
709 public function setValidationErrorMessage( $msg ) {
710 $this->mValidationErrorMessage
= $msg;
716 * Set the introductory message, overwriting any existing message.
718 * @param string $msg Complete text of message to display
720 * @return HTMLForm $this for chaining calls (since 1.20)
722 public function setIntro( $msg ) {
723 $this->setPreText( $msg );
729 * Set the introductory message HTML, overwriting any existing message.
732 * @param string $msg Complete HTML of message to display
734 * @return HTMLForm $this for chaining calls (since 1.20)
736 public function setPreText( $msg ) {
743 * Add HTML to introductory message.
745 * @param string $msg Complete HTML of message to display
747 * @return HTMLForm $this for chaining calls (since 1.20)
749 public function addPreText( $msg ) {
756 * Add HTML to the header, inside the form.
758 * @param string $msg Additional HTML to display in header
759 * @param string|null $section The section to add the header to
761 * @return HTMLForm $this for chaining calls (since 1.20)
763 public function addHeaderText( $msg, $section = null ) {
764 if ( $section === null ) {
765 $this->mHeader
.= $msg;
767 if ( !isset( $this->mSectionHeaders
[$section] ) ) {
768 $this->mSectionHeaders
[$section] = '';
770 $this->mSectionHeaders
[$section] .= $msg;
777 * Set header text, inside the form.
780 * @param string $msg Complete HTML of header to display
781 * @param string|null $section The section to add the header to
783 * @return HTMLForm $this for chaining calls (since 1.20)
785 public function setHeaderText( $msg, $section = null ) {
786 if ( $section === null ) {
787 $this->mHeader
= $msg;
789 $this->mSectionHeaders
[$section] = $msg;
798 * @param string|null $section The section to get the header text for
800 * @return string HTML
802 public function getHeaderText( $section = null ) {
803 if ( $section === null ) {
804 return $this->mHeader
;
806 return isset( $this->mSectionHeaders
[$section] ) ?
$this->mSectionHeaders
[$section] : '';
811 * Add footer text, inside the form.
813 * @param string $msg Complete text of message to display
814 * @param string|null $section The section to add the footer text to
816 * @return HTMLForm $this for chaining calls (since 1.20)
818 public function addFooterText( $msg, $section = null ) {
819 if ( $section === null ) {
820 $this->mFooter
.= $msg;
822 if ( !isset( $this->mSectionFooters
[$section] ) ) {
823 $this->mSectionFooters
[$section] = '';
825 $this->mSectionFooters
[$section] .= $msg;
832 * Set footer text, inside the form.
835 * @param string $msg Complete text of message to display
836 * @param string|null $section The section to add the footer text to
838 * @return HTMLForm $this for chaining calls (since 1.20)
840 public function setFooterText( $msg, $section = null ) {
841 if ( $section === null ) {
842 $this->mFooter
= $msg;
844 $this->mSectionFooters
[$section] = $msg;
853 * @param string|null $section The section to get the footer text for
857 public function getFooterText( $section = null ) {
858 if ( $section === null ) {
859 return $this->mFooter
;
861 return isset( $this->mSectionFooters
[$section] ) ?
$this->mSectionFooters
[$section] : '';
866 * Add text to the end of the display.
868 * @param string $msg Complete text of message to display
870 * @return HTMLForm $this for chaining calls (since 1.20)
872 public function addPostText( $msg ) {
873 $this->mPost
.= $msg;
879 * Set text at the end of the display.
881 * @param string $msg Complete text of message to display
883 * @return HTMLForm $this for chaining calls (since 1.20)
885 public function setPostText( $msg ) {
892 * Add a hidden field to the output
894 * @param string $name Field name. This will be used exactly as entered
895 * @param string $value Field value
896 * @param array $attribs
898 * @return HTMLForm $this for chaining calls (since 1.20)
900 public function addHiddenField( $name, $value, array $attribs = [] ) {
901 $attribs +
= [ 'name' => $name ];
902 $this->mHiddenFields
[] = [ $value, $attribs ];
908 * Add an array of hidden fields to the output
912 * @param array $fields Associative array of fields to add;
913 * mapping names to their values
915 * @return HTMLForm $this for chaining calls
917 public function addHiddenFields( array $fields ) {
918 foreach ( $fields as $name => $value ) {
919 $this->mHiddenFields
[] = [ $value, [ 'name' => $name ] ];
926 * Add a button to the form
928 * @since 1.27 takes an array as shown. Earlier versions accepted
929 * 'name', 'value', 'id', and 'attribs' as separate parameters in that
931 * @note Custom labels ('label', 'label-message', 'label-raw') are not
932 * supported for IE6 and IE7 due to bugs in those browsers. If detected,
933 * they will be served buttons using 'value' as the button label.
934 * @param array $data Data to define the button:
935 * - name: (string) Button name.
936 * - value: (string) Button value.
937 * - label-message: (string, optional) Button label message key to use
938 * instead of 'value'. Overrides 'label' and 'label-raw'.
939 * - label: (string, optional) Button label text to use instead of
940 * 'value'. Overrides 'label-raw'.
941 * - label-raw: (string, optional) Button label HTML to use instead of
943 * - id: (string, optional) DOM id for the button.
944 * - attribs: (array, optional) Additional HTML attributes.
945 * - flags: (string|string[], optional) OOUI flags.
946 * - framed: (boolean=true, optional) OOUI framed attribute.
947 * @return HTMLForm $this for chaining calls (since 1.20)
949 public function addButton( $data ) {
950 if ( !is_array( $data ) ) {
951 $args = func_get_args();
952 if ( count( $args ) < 2 ||
count( $args ) > 4 ) {
953 throw new InvalidArgumentException(
954 'Incorrect number of arguments for deprecated calling style'
960 'id' => isset( $args[2] ) ?
$args[2] : null,
961 'attribs' => isset( $args[3] ) ?
$args[3] : null,
964 if ( !isset( $data['name'] ) ) {
965 throw new InvalidArgumentException( 'A name is required' );
967 if ( !isset( $data['value'] ) ) {
968 throw new InvalidArgumentException( 'A value is required' );
971 $this->mButtons
[] = $data +
[
982 * Set the salt for the edit token.
984 * Only useful when the method is "post".
987 * @param string|array $salt Salt to use
988 * @return HTMLForm $this For chaining calls
990 public function setTokenSalt( $salt ) {
991 $this->mTokenSalt
= $salt;
997 * Display the form (sending to the context's OutputPage object), with an
998 * appropriate error message or stack of messages, and any validation errors, etc.
1000 * @attention You should call prepareForm() before calling this function.
1001 * Moreover, when doing method chaining this should be the very last method
1002 * call just after prepareForm().
1004 * @param bool|string|array|Status $submitResult Output from HTMLForm::trySubmit()
1006 * @return void Nothing, should be last call
1008 public function displayForm( $submitResult ) {
1009 $this->getOutput()->addHTML( $this->getHTML( $submitResult ) );
1013 * Returns the raw HTML generated by the form
1015 * @param bool|string|array|Status $submitResult Output from HTMLForm::trySubmit()
1017 * @return string HTML
1019 public function getHTML( $submitResult ) {
1020 # For good measure (it is the default)
1021 $this->getOutput()->preventClickjacking();
1022 $this->getOutput()->addModules( 'mediawiki.htmlform' );
1023 $this->getOutput()->addModuleStyles( 'mediawiki.htmlform.styles' );
1026 . $this->getErrorsOrWarnings( $submitResult, 'error' )
1027 . $this->getErrorsOrWarnings( $submitResult, 'warning' )
1028 . $this->getHeaderText()
1030 . $this->getHiddenFields()
1031 . $this->getButtons()
1032 . $this->getFooterText();
1034 $html = $this->wrapForm( $html );
1036 return '' . $this->mPre
. $html . $this->mPost
;
1040 * Get HTML attributes for the `<form>` tag.
1043 protected function getFormAttributes() {
1044 # Use multipart/form-data
1045 $encType = $this->mUseMultipart
1046 ?
'multipart/form-data'
1047 : 'application/x-www-form-urlencoded';
1050 'class' => 'mw-htmlform',
1051 'action' => $this->getAction(),
1052 'method' => $this->getMethod(),
1053 'enctype' => $encType,
1056 $attribs['id'] = $this->mId
;
1058 if ( $this->mAutocomplete
) {
1059 $attribs['autocomplete'] = $this->mAutocomplete
;
1061 if ( $this->mName
) {
1062 $attribs['name'] = $this->mName
;
1064 if ( $this->needsJSForHtml5FormValidation() ) {
1065 $attribs['novalidate'] = true;
1071 * Wrap the form innards in an actual "<form>" element
1073 * @param string $html HTML contents to wrap.
1075 * @return string Wrapped HTML.
1077 public function wrapForm( $html ) {
1078 # Include a <fieldset> wrapper for style, if requested.
1079 if ( $this->mWrapperLegend
!== false ) {
1080 $legend = is_string( $this->mWrapperLegend
) ?
$this->mWrapperLegend
: false;
1081 $html = Xml
::fieldset( $legend, $html );
1084 return Html
::rawElement(
1086 $this->getFormAttributes(),
1092 * Get the hidden fields that should go inside the form.
1093 * @return string HTML.
1095 public function getHiddenFields() {
1097 if ( $this->mFormIdentifier
!== null ) {
1098 $html .= Html
::hidden(
1100 $this->mFormIdentifier
1103 if ( $this->getMethod() === 'post' ) {
1104 $html .= Html
::hidden(
1106 $this->getUser()->getEditToken( $this->mTokenSalt
),
1107 [ 'id' => 'wpEditToken' ]
1109 $html .= Html
::hidden( 'title', $this->getTitle()->getPrefixedText() ) . "\n";
1112 $articlePath = $this->getConfig()->get( 'ArticlePath' );
1113 if ( strpos( $articlePath, '?' ) !== false && $this->getMethod() === 'get' ) {
1114 $html .= Html
::hidden( 'title', $this->getTitle()->getPrefixedText() ) . "\n";
1117 foreach ( $this->mHiddenFields
as $data ) {
1118 list( $value, $attribs ) = $data;
1119 $html .= Html
::hidden( $attribs['name'], $value, $attribs ) . "\n";
1126 * Get the submit and (potentially) reset buttons.
1127 * @return string HTML.
1129 public function getButtons() {
1131 $useMediaWikiUIEverywhere = $this->getConfig()->get( 'UseMediaWikiUIEverywhere' );
1133 if ( $this->mShowSubmit
) {
1136 if ( isset( $this->mSubmitID
) ) {
1137 $attribs['id'] = $this->mSubmitID
;
1140 if ( isset( $this->mSubmitName
) ) {
1141 $attribs['name'] = $this->mSubmitName
;
1144 if ( isset( $this->mSubmitTooltip
) ) {
1145 $attribs +
= Linker
::tooltipAndAccesskeyAttribs( $this->mSubmitTooltip
);
1148 $attribs['class'] = [ 'mw-htmlform-submit' ];
1150 if ( $useMediaWikiUIEverywhere ) {
1151 foreach ( $this->mSubmitFlags
as $flag ) {
1152 $attribs['class'][] = 'mw-ui-' . $flag;
1154 $attribs['class'][] = 'mw-ui-button';
1157 $buttons .= Xml
::submitButton( $this->getSubmitText(), $attribs ) . "\n";
1160 if ( $this->mShowReset
) {
1161 $buttons .= Html
::element(
1165 'value' => $this->msg( 'htmlform-reset' )->text(),
1166 'class' => $useMediaWikiUIEverywhere ?
'mw-ui-button' : null,
1171 if ( $this->mShowCancel
) {
1172 $target = $this->mCancelTarget ?
: Title
::newMainPage();
1173 if ( $target instanceof Title
) {
1174 $target = $target->getLocalURL();
1176 $buttons .= Html
::element(
1179 'class' => $useMediaWikiUIEverywhere ?
'mw-ui-button' : null,
1182 $this->msg( 'cancel' )->text()
1186 // IE<8 has bugs with <button>, so we'll need to avoid them.
1187 $isBadIE = preg_match( '/MSIE [1-7]\./i', $this->getRequest()->getHeader( 'User-Agent' ) );
1189 foreach ( $this->mButtons
as $button ) {
1192 'name' => $button['name'],
1193 'value' => $button['value']
1196 if ( isset( $button['label-message'] ) ) {
1197 $label = $this->getMessage( $button['label-message'] )->parse();
1198 } elseif ( isset( $button['label'] ) ) {
1199 $label = htmlspecialchars( $button['label'] );
1200 } elseif ( isset( $button['label-raw'] ) ) {
1201 $label = $button['label-raw'];
1203 $label = htmlspecialchars( $button['value'] );
1206 if ( $button['attribs'] ) {
1207 $attrs +
= $button['attribs'];
1210 if ( isset( $button['id'] ) ) {
1211 $attrs['id'] = $button['id'];
1214 if ( $useMediaWikiUIEverywhere ) {
1215 $attrs['class'] = isset( $attrs['class'] ) ?
(array)$attrs['class'] : [];
1216 $attrs['class'][] = 'mw-ui-button';
1220 $buttons .= Html
::element( 'input', $attrs ) . "\n";
1222 $buttons .= Html
::rawElement( 'button', $attrs, $label ) . "\n";
1230 return Html
::rawElement( 'span',
1231 [ 'class' => 'mw-htmlform-submit-buttons' ], "\n$buttons" ) . "\n";
1235 * Get the whole body of the form.
1238 public function getBody() {
1239 return $this->displaySection( $this->mFieldTree
, $this->mTableId
);
1243 * Format and display an error message stack.
1245 * @param string|array|Status $errors
1247 * @deprecated since 1.28, use getErrorsOrWarnings() instead
1251 public function getErrors( $errors ) {
1252 wfDeprecated( __METHOD__
);
1253 return $this->getErrorsOrWarnings( $errors, 'error' );
1257 * Returns a formatted list of errors or warnings from the given elements.
1259 * @param string|array|Status $elements The set of errors/warnings to process.
1260 * @param string $elementsType Should warnings or errors be returned. This is meant
1261 * for Status objects, all other valid types are always considered as errors.
1264 public function getErrorsOrWarnings( $elements, $elementsType ) {
1265 if ( !in_array( $elementsType, [ 'error', 'warning' ], true ) ) {
1266 throw new DomainException( $elementsType . ' is not a valid type.' );
1268 $elementstr = false;
1269 if ( $elements instanceof Status
) {
1270 list( $errorStatus, $warningStatus ) = $elements->splitByErrorType();
1271 $status = $elementsType === 'error' ?
$errorStatus : $warningStatus;
1272 if ( $status->isGood() ) {
1275 $elementstr = $this->getOutput()->parse(
1276 $status->getWikiText()
1279 } elseif ( is_array( $elements ) && $elementsType === 'error' ) {
1280 $elementstr = $this->formatErrors( $elements );
1281 } elseif ( $elementsType === 'error' ) {
1282 $elementstr = $elements;
1286 ? Html
::rawElement( 'div', [ 'class' => $elementsType ], $elementstr )
1291 * Format a stack of error messages into a single HTML string
1293 * @param array $errors Array of message keys/values
1295 * @return string HTML, a "<ul>" list of errors
1297 public function formatErrors( $errors ) {
1300 foreach ( $errors as $error ) {
1301 $errorstr .= Html
::rawElement(
1304 $this->getMessage( $error )->parse()
1308 $errorstr = Html
::rawElement( 'ul', [], $errorstr );
1314 * Set the text for the submit button
1316 * @param string $t Plaintext
1318 * @return HTMLForm $this for chaining calls (since 1.20)
1320 public function setSubmitText( $t ) {
1321 $this->mSubmitText
= $t;
1327 * Identify that the submit button in the form has a destructive action
1330 * @return HTMLForm $this for chaining calls (since 1.28)
1332 public function setSubmitDestructive() {
1333 $this->mSubmitFlags
= [ 'destructive', 'primary' ];
1339 * Identify that the submit button in the form has a progressive action
1342 * @return HTMLForm $this for chaining calls (since 1.28)
1344 public function setSubmitProgressive() {
1345 $this->mSubmitFlags
= [ 'progressive', 'primary' ];
1351 * Set the text for the submit button to a message
1354 * @param string|Message $msg Message key or Message object
1356 * @return HTMLForm $this for chaining calls (since 1.20)
1358 public function setSubmitTextMsg( $msg ) {
1359 if ( !$msg instanceof Message
) {
1360 $msg = $this->msg( $msg );
1362 $this->setSubmitText( $msg->text() );
1368 * Get the text for the submit button, either customised or a default.
1371 public function getSubmitText() {
1372 return $this->mSubmitText ?
: $this->msg( 'htmlform-submit' )->text();
1376 * @param string $name Submit button name
1378 * @return HTMLForm $this for chaining calls (since 1.20)
1380 public function setSubmitName( $name ) {
1381 $this->mSubmitName
= $name;
1387 * @param string $name Tooltip for the submit button
1389 * @return HTMLForm $this for chaining calls (since 1.20)
1391 public function setSubmitTooltip( $name ) {
1392 $this->mSubmitTooltip
= $name;
1398 * Set the id for the submit button.
1402 * @todo FIXME: Integrity of $t is *not* validated
1403 * @return HTMLForm $this for chaining calls (since 1.20)
1405 public function setSubmitID( $t ) {
1406 $this->mSubmitID
= $t;
1412 * Set an internal identifier for this form. It will be submitted as a hidden form field, allowing
1413 * HTMLForm to determine whether the form was submitted (or merely viewed). Setting this serves
1416 * - If you use two or more forms on one page, it allows HTMLForm to identify which of the forms
1417 * was submitted, and not attempt to validate the other ones.
1418 * - If you use checkbox or multiselect fields inside a form using the GET method, it allows
1419 * HTMLForm to distinguish between the initial page view and a form submission with all
1420 * checkboxes or select options unchecked.
1423 * @param string $ident
1426 public function setFormIdentifier( $ident ) {
1427 $this->mFormIdentifier
= $ident;
1433 * Stop a default submit button being shown for this form. This implies that an
1434 * alternate submit method must be provided manually.
1438 * @param bool $suppressSubmit Set to false to re-enable the button again
1440 * @return HTMLForm $this for chaining calls
1442 public function suppressDefaultSubmit( $suppressSubmit = true ) {
1443 $this->mShowSubmit
= !$suppressSubmit;
1449 * Show a cancel button (or prevent it). The button is not shown by default.
1451 * @return HTMLForm $this for chaining calls
1454 public function showCancel( $show = true ) {
1455 $this->mShowCancel
= $show;
1460 * Sets the target where the user is redirected to after clicking cancel.
1461 * @param Title|string $target Target as a Title object or an URL
1462 * @return HTMLForm $this for chaining calls
1465 public function setCancelTarget( $target ) {
1466 $this->mCancelTarget
= $target;
1471 * Set the id of the \<table\> or outermost \<div\> element.
1475 * @param string $id New value of the id attribute, or "" to remove
1477 * @return HTMLForm $this for chaining calls
1479 public function setTableId( $id ) {
1480 $this->mTableId
= $id;
1486 * @param string $id DOM id for the form
1488 * @return HTMLForm $this for chaining calls (since 1.20)
1490 public function setId( $id ) {
1497 * @param string $name 'name' attribute for the form
1498 * @return HTMLForm $this for chaining calls
1500 public function setName( $name ) {
1501 $this->mName
= $name;
1507 * Prompt the whole form to be wrapped in a "<fieldset>", with
1508 * this text as its "<legend>" element.
1510 * @param string|bool $legend If false, no wrapper or legend will be displayed.
1511 * If true, a wrapper will be displayed, but no legend.
1512 * If a string, a wrapper will be displayed with that string as a legend.
1513 * The string will be escaped before being output (this doesn't support HTML).
1515 * @return HTMLForm $this for chaining calls (since 1.20)
1517 public function setWrapperLegend( $legend ) {
1518 $this->mWrapperLegend
= $legend;
1524 * Prompt the whole form to be wrapped in a "<fieldset>", with
1525 * this message as its "<legend>" element.
1528 * @param string|Message $msg Message key or Message object
1530 * @return HTMLForm $this for chaining calls (since 1.20)
1532 public function setWrapperLegendMsg( $msg ) {
1533 if ( !$msg instanceof Message
) {
1534 $msg = $this->msg( $msg );
1536 $this->setWrapperLegend( $msg->text() );
1542 * Set the prefix for various default messages
1543 * @todo Currently only used for the "<fieldset>" legend on forms
1544 * with multiple sections; should be used elsewhere?
1548 * @return HTMLForm $this for chaining calls (since 1.20)
1550 public function setMessagePrefix( $p ) {
1551 $this->mMessagePrefix
= $p;
1557 * Set the title for form submission
1559 * @param Title $t Title of page the form is on/should be posted to
1561 * @return HTMLForm $this for chaining calls (since 1.20)
1563 public function setTitle( $t ) {
1573 public function getTitle() {
1574 return $this->mTitle
=== false
1575 ?
$this->getContext()->getTitle()
1580 * Set the method used to submit the form
1582 * @param string $method
1584 * @return HTMLForm $this for chaining calls (since 1.20)
1586 public function setMethod( $method = 'post' ) {
1587 $this->mMethod
= strtolower( $method );
1593 * @return string Always lowercase
1595 public function getMethod() {
1596 return $this->mMethod
;
1600 * Wraps the given $section into an user-visible fieldset.
1602 * @param string $legend Legend text for the fieldset
1603 * @param string $section The section content in plain Html
1604 * @param array $attributes Additional attributes for the fieldset
1605 * @return string The fieldset's Html
1607 protected function wrapFieldSetSection( $legend, $section, $attributes ) {
1608 return Xml
::fieldset( $legend, $section, $attributes ) . "\n";
1614 * @param array[]|HTMLFormField[] $fields Array of fields (either arrays or
1616 * @param string $sectionName ID attribute of the "<table>" tag for this
1617 * section, ignored if empty.
1618 * @param string $fieldsetIDPrefix ID prefix for the "<fieldset>" tag of
1619 * each subsection, ignored if empty.
1620 * @param bool &$hasUserVisibleFields Whether the section had user-visible fields.
1621 * @throws LogicException When called on uninitialized field data, e.g. When
1622 * HTMLForm::displayForm was called without calling HTMLForm::prepareForm
1627 public function displaySection( $fields,
1629 $fieldsetIDPrefix = '',
1630 &$hasUserVisibleFields = false
1632 if ( $this->mFieldData
=== null ) {
1633 throw new LogicException( 'HTMLForm::displaySection() called on uninitialized field data. '
1634 . 'You probably called displayForm() without calling prepareForm() first.' );
1637 $displayFormat = $this->getDisplayFormat();
1640 $subsectionHtml = '';
1643 // Conveniently, PHP method names are case-insensitive.
1644 // For grep: this can call getDiv, getRaw, getInline, getVForm, getOOUI
1645 $getFieldHtmlMethod = $displayFormat === 'table' ?
'getTableRow' : ( 'get' . $displayFormat );
1647 foreach ( $fields as $key => $value ) {
1648 if ( $value instanceof HTMLFormField
) {
1649 $v = array_key_exists( $key, $this->mFieldData
)
1650 ?
$this->mFieldData
[$key]
1651 : $value->getDefault();
1653 $retval = $value->$getFieldHtmlMethod( $v );
1655 // check, if the form field should be added to
1657 if ( $value->hasVisibleOutput() ) {
1660 $labelValue = trim( $value->getLabel() );
1661 if ( $labelValue !== ' ' && $labelValue !== '' ) {
1665 $hasUserVisibleFields = true;
1667 } elseif ( is_array( $value ) ) {
1668 $subsectionHasVisibleFields = false;
1670 $this->displaySection( $value,
1672 "$fieldsetIDPrefix$key-",
1673 $subsectionHasVisibleFields );
1676 if ( $subsectionHasVisibleFields === true ) {
1677 // Display the section with various niceties.
1678 $hasUserVisibleFields = true;
1680 $legend = $this->getLegend( $key );
1682 $section = $this->getHeaderText( $key ) .
1684 $this->getFooterText( $key );
1687 if ( $fieldsetIDPrefix ) {
1688 $attributes['id'] = Sanitizer
::escapeId( "$fieldsetIDPrefix$key" );
1690 $subsectionHtml .= $this->wrapFieldSetSection( $legend, $section, $attributes );
1692 // Just return the inputs, nothing fancy.
1693 $subsectionHtml .= $section;
1698 $html = $this->formatSection( $html, $sectionName, $hasLabel );
1700 if ( $subsectionHtml ) {
1701 if ( $this->mSubSectionBeforeFields
) {
1702 return $subsectionHtml . "\n" . $html;
1704 return $html . "\n" . $subsectionHtml;
1712 * Put a form section together from the individual fields' HTML, merging it and wrapping.
1713 * @param array $fieldsHtml
1714 * @param string $sectionName
1715 * @param bool $anyFieldHasLabel
1716 * @return string HTML
1718 protected function formatSection( array $fieldsHtml, $sectionName, $anyFieldHasLabel ) {
1719 $displayFormat = $this->getDisplayFormat();
1720 $html = implode( '', $fieldsHtml );
1722 if ( $displayFormat === 'raw' ) {
1728 if ( !$anyFieldHasLabel ) { // Avoid strange spacing when no labels exist
1729 $classes[] = 'mw-htmlform-nolabel';
1733 'class' => implode( ' ', $classes ),
1736 if ( $sectionName ) {
1737 $attribs['id'] = Sanitizer
::escapeId( $sectionName );
1740 if ( $displayFormat === 'table' ) {
1741 return Html
::rawElement( 'table',
1743 Html
::rawElement( 'tbody', [], "\n$html\n" ) ) . "\n";
1744 } elseif ( $displayFormat === 'inline' ) {
1745 return Html
::rawElement( 'span', $attribs, "\n$html\n" );
1747 return Html
::rawElement( 'div', $attribs, "\n$html\n" );
1752 * Construct the form fields from the Descriptor array
1754 public function loadData() {
1757 foreach ( $this->mFlatFields
as $fieldname => $field ) {
1758 $request = $this->getRequest();
1759 if ( $field->skipLoadData( $request ) ) {
1761 } elseif ( !empty( $field->mParams
['disabled'] ) ) {
1762 $fieldData[$fieldname] = $field->getDefault();
1764 $fieldData[$fieldname] = $field->loadDataFromRequest( $request );
1769 foreach ( $fieldData as $name => &$value ) {
1770 $field = $this->mFlatFields
[$name];
1771 $value = $field->filter( $value, $this->mFlatFields
);
1774 $this->mFieldData
= $fieldData;
1778 * Stop a reset button being shown for this form
1780 * @param bool $suppressReset Set to false to re-enable the button again
1782 * @return HTMLForm $this for chaining calls (since 1.20)
1784 public function suppressReset( $suppressReset = true ) {
1785 $this->mShowReset
= !$suppressReset;
1791 * Overload this if you want to apply special filtration routines
1792 * to the form as a whole, after it's submitted but before it's
1795 * @param array $data
1799 public function filterDataForSubmit( $data ) {
1804 * Get a string to go in the "<legend>" of a section fieldset.
1805 * Override this if you want something more complicated.
1807 * @param string $key
1811 public function getLegend( $key ) {
1812 return $this->msg( "{$this->mMessagePrefix}-$key" )->text();
1816 * Set the value for the action attribute of the form.
1817 * When set to false (which is the default state), the set title is used.
1821 * @param string|bool $action
1823 * @return HTMLForm $this for chaining calls (since 1.20)
1825 public function setAction( $action ) {
1826 $this->mAction
= $action;
1832 * Get the value for the action attribute of the form.
1838 public function getAction() {
1839 // If an action is alredy provided, return it
1840 if ( $this->mAction
!== false ) {
1841 return $this->mAction
;
1844 $articlePath = $this->getConfig()->get( 'ArticlePath' );
1845 // Check whether we are in GET mode and the ArticlePath contains a "?"
1846 // meaning that getLocalURL() would return something like "index.php?title=...".
1847 // As browser remove the query string before submitting GET forms,
1848 // it means that the title would be lost. In such case use wfScript() instead
1849 // and put title in an hidden field (see getHiddenFields()).
1850 if ( strpos( $articlePath, '?' ) !== false && $this->getMethod() === 'get' ) {
1854 return $this->getTitle()->getLocalURL();
1858 * Set the value for the autocomplete attribute of the form.
1859 * When set to false (which is the default state), the attribute get not set.
1863 * @param string|bool $autocomplete
1865 * @return HTMLForm $this for chaining calls
1867 public function setAutocomplete( $autocomplete ) {
1868 $this->mAutocomplete
= $autocomplete;
1874 * Turns a *-message parameter (which could be a MessageSpecifier, or a message name, or a
1875 * name + parameters array) into a Message.
1876 * @param mixed $value
1879 protected function getMessage( $value ) {
1880 return Message
::newFromSpecifier( $value )->setContext( $this );
1884 * Whether this form, with its current fields, requires the user agent to have JavaScript enabled
1885 * for the client-side HTML5 form validation to work correctly. If this function returns true, a
1886 * 'novalidate' attribute will be added on the `<form>` element. It will be removed if the user
1887 * agent has JavaScript support, in htmlform.js.
1892 public function needsJSForHtml5FormValidation() {
1893 foreach ( $this->mFlatFields
as $fieldname => $field ) {
1894 if ( $field->needsJSForHtml5FormValidation() ) {