3 * Object handling generic submission, CSRF protection, layout and
4 * other logic for UI forms. in a reusable manner.
6 * In order to generate the form, the HTMLForm object takes an array
7 * structure detailing the form fields available. Each element of the
8 * array is a basic property-list, including the type of field, the
9 * label it is to be given in the form, callbacks for validation and
10 * 'filtering', and other pertinent information.
12 * Field types are implemented as subclasses of the generic HTMLFormField
13 * object, and typically implement at least getInputHTML, which generates
14 * the HTML for the input field to be placed in the table.
16 * The constructor input is an associative array of $fieldname => $info,
17 * where $info is an Associative Array with any of the following:
19 * 'class' -- the subclass of HTMLFormField that will be used
20 * to create the object. *NOT* the CSS class!
21 * 'type' -- roughly translates into the <select> type attribute.
22 * if 'class' is not specified, this is used as a map
23 * through HTMLForm::$typeMappings to get the class name.
24 * 'default' -- default value when the form is displayed
25 * 'id' -- HTML id attribute
26 * 'cssclass' -- CSS class
27 * 'options' -- varies according to the specific object.
28 * 'label-message' -- message key for a message to use as the label.
29 * can be an array of msg key and then parameters to
31 * 'label' -- alternatively, a raw text message. Overridden by
33 * 'help-message' -- message key for a message to use as a help text.
34 * can be an array of msg key and then parameters to
36 * 'required' -- passed through to the object, indicating that it
37 * is a required field.
38 * 'size' -- the length of text fields
39 * 'filter-callback -- a function name to give you the chance to
40 * massage the inputted value before it's processed.
41 * @see HTMLForm::filter()
42 * 'validation-callback' -- a function name to give you the chance
43 * to impose extra validation on the field input.
44 * @see HTMLForm::validate()
45 * 'name' -- By default, the 'name' attribute of the input field
46 * is "wp{$fieldname}". If you want a different name
47 * (eg one without the "wp" prefix), specify it here and
48 * it will be used without modification.
50 * TODO: Document 'section' / 'subsection' stuff
53 static $jsAdded = false;
55 # A mapping of 'type' inputs onto standard HTMLFormField subclasses
56 static $typeMappings = array(
57 'text' => 'HTMLTextField',
58 'textarea' => 'HTMLTextAreaField',
59 'select' => 'HTMLSelectField',
60 'radio' => 'HTMLRadioField',
61 'multiselect' => 'HTMLMultiSelectField',
62 'check' => 'HTMLCheckField',
63 'toggle' => 'HTMLCheckField',
64 'int' => 'HTMLIntField',
65 'float' => 'HTMLFloatField',
66 'info' => 'HTMLInfoField',
67 'selectorother' => 'HTMLSelectOrOtherField',
68 'submit' => 'HTMLSubmitField',
69 'hidden' => 'HTMLHiddenField',
70 'edittools' => 'HTMLEditTools',
72 # HTMLTextField will output the correct type="" attribute automagically.
73 # There are about four zillion other HTML5 input types, like url, but
74 # we don't use those at the moment, so no point in adding all of them.
75 'email' => 'HTMLTextField',
76 'password' => 'HTMLTextField',
79 protected $mMessagePrefix;
80 protected $mFlatFields;
81 protected $mFieldTree;
82 protected $mShowReset = false;
85 protected $mSubmitCallback;
86 protected $mValidationErrorMessage;
89 protected $mHeader = '';
90 protected $mFooter = '';
91 protected $mPost = '';
95 protected $mSubmitName;
96 protected $mSubmitText;
97 protected $mSubmitTooltip;
99 protected $mMethod = 'post';
101 protected $mUseMultipart = false;
102 protected $mHiddenFields = array();
103 protected $mButtons = array();
105 protected $mWrapperLegend = false;
108 * Build a new HTMLForm from an array of field attributes
109 * @param $descriptor Array of Field constructs, as described above
110 * @param $messagePrefix String a prefix to go in front of default messages
112 public function __construct( $descriptor, $messagePrefix = '' ) {
113 $this->mMessagePrefix = $messagePrefix;
115 // Expand out into a tree.
116 $loadedDescriptor = array();
117 $this->mFlatFields = array();
119 foreach ( $descriptor as $fieldname => $info ) {
120 $section = isset( $info['section'] )
124 if ( isset( $info['type'] ) && $info['type'] == 'file' ) {
125 $this->mUseMultipart = true;
128 $field = self::loadInputFromParameters( $fieldname, $info );
129 $field->mParent = $this;
131 $setSection =& $loadedDescriptor;
133 $sectionParts = explode( '/', $section );
135 while ( count( $sectionParts ) ) {
136 $newName = array_shift( $sectionParts );
138 if ( !isset( $setSection[$newName] ) ) {
139 $setSection[$newName] = array();
142 $setSection =& $setSection[$newName];
146 $setSection[$fieldname] = $field;
147 $this->mFlatFields[$fieldname] = $field;
150 $this->mFieldTree = $loadedDescriptor;
154 * Add the HTMLForm-specific JavaScript, if it hasn't been
157 static function addJS() {
158 if ( self::$jsAdded ) return;
162 $wgOut->addModules( 'mediawiki.legacy.htmlform' );
166 * Initialise a new Object for the field
167 * @param $descriptor input Descriptor, as described above
168 * @return HTMLFormField subclass
170 static function loadInputFromParameters( $fieldname, $descriptor ) {
171 if ( isset( $descriptor['class'] ) ) {
172 $class = $descriptor['class'];
173 } elseif ( isset( $descriptor['type'] ) ) {
174 $class = self::$typeMappings[$descriptor['type']];
175 $descriptor['class'] = $class;
179 throw new MWException( "Descriptor with no class: " . print_r( $descriptor, true ) );
182 $descriptor['fieldname'] = $fieldname;
184 $obj = new $class( $descriptor );
190 * Prepare form for submission
192 function prepareForm() {
193 # Check if we have the info we need
194 if ( ! $this->mTitle ) {
195 throw new MWException( "You must call setTitle() on an HTMLForm" );
198 // FIXME shouldn't this be closer to displayForm() ?
201 # Load data from the request.
206 * Try submitting, with edit token check first
207 * @return Status|boolean
209 function tryAuthorizedSubmit() {
210 global $wgUser, $wgRequest;
211 $editToken = $wgRequest->getVal( 'wpEditToken' );
214 if ( $this->getMethod() != 'post' || $wgUser->matchEditToken( $editToken ) ) {
215 $result = $this->trySubmit();
221 * The here's-one-I-made-earlier option: do the submission if
222 * posted, or display the form with or without funky valiation
224 * @return Bool or Status whether submission was successful.
227 $this->prepareForm();
229 $result = $this->tryAuthorizedSubmit();
230 if ( $result === true || ( $result instanceof Status && $result->isGood() ) ){
234 $this->displayForm( $result );
239 * Validate all the fields, and call the submision callback
240 * function if everything is kosher.
241 * @return Mixed Bool true == Successful submission, Bool false
242 * == No submission attempted, anything else == Error to
245 function trySubmit() {
246 # Check for validation
247 foreach ( $this->mFlatFields as $fieldname => $field ) {
248 if ( !empty( $field->mParams['nodata'] ) ) {
251 if ( $field->validate(
252 $this->mFieldData[$fieldname],
256 return isset( $this->mValidationErrorMessage )
257 ? $this->mValidationErrorMessage
258 : array( 'htmlform-invalid-input' );
262 $callback = $this->mSubmitCallback;
264 $data = $this->filterDataForSubmit( $this->mFieldData );
266 $res = call_user_func( $callback, $data );
272 * Set a callback to a function to do something with the form
273 * once it's been successfully validated.
274 * @param $cb String function name. The function will be passed
275 * the output from HTMLForm::filterDataForSubmit, and must
276 * return Bool true on success, Bool false if no submission
277 * was attempted, or String HTML output to display on error.
279 function setSubmitCallback( $cb ) {
280 $this->mSubmitCallback = $cb;
284 * Set a message to display on a validation error.
285 * @param $msg Mixed String or Array of valid inputs to wfMsgExt()
286 * (so each entry can be either a String or Array)
288 function setValidationErrorMessage( $msg ) {
289 $this->mValidationErrorMessage = $msg;
293 * Set the introductory message, overwriting any existing message.
294 * @param $msg String complete text of message to display
296 function setIntro( $msg ) { $this->mPre = $msg; }
299 * Add introductory text.
300 * @param $msg String complete text of message to display
302 function addPreText( $msg ) { $this->mPre .= $msg; }
305 * Add header text, inside the form.
306 * @param $msg String complete text of message to display
308 function addHeaderText( $msg ) { $this->mHeader .= $msg; }
311 * Add footer text, inside the form.
312 * @param $msg String complete text of message to display
314 function addFooterText( $msg ) { $this->mFooter .= $msg; }
317 * Add text to the end of the display.
318 * @param $msg String complete text of message to display
320 function addPostText( $msg ) { $this->mPost .= $msg; }
323 * Add a hidden field to the output
324 * @param $name String field name. This will be used exactly as entered
325 * @param $value String field value
326 * @param $attribs Array
328 public function addHiddenField( $name, $value, $attribs = array() ) {
329 $attribs += array( 'name' => $name );
330 $this->mHiddenFields[] = array( $value, $attribs );
333 public function addButton( $name, $value, $id = null, $attribs = null ) {
334 $this->mButtons[] = compact( 'name', 'value', 'id', 'attribs' );
338 * Display the form (sending to wgOut), with an appropriate error
339 * message or stack of messages, and any validation errors, etc.
340 * @param $submitResult Mixed output from HTMLForm::trySubmit()
342 function displayForm( $submitResult ) {
345 # For good measure (it is the default)
346 $wgOut->preventClickjacking();
349 . $this->getErrors( $submitResult )
352 . $this->getHiddenFields()
353 . $this->getButtons()
357 $html = $this->wrapForm( $html );
367 * Wrap the form innards in an actual <form> element
368 * @param $html String HTML contents to wrap.
369 * @return String wrapped HTML.
371 function wrapForm( $html ) {
373 # Include a <fieldset> wrapper for style, if requested.
374 if ( $this->mWrapperLegend !== false ) {
375 $html = Xml::fieldset( $this->mWrapperLegend, $html );
377 # Use multipart/form-data
378 $encType = $this->mUseMultipart
379 ? 'multipart/form-data'
380 : 'application/x-www-form-urlencoded';
383 'action' => $this->getTitle()->getFullURL(),
384 'method' => $this->mMethod,
385 'class' => 'visualClear',
386 'enctype' => $encType,
388 if ( !empty( $this->mId ) ) {
389 $attribs['id'] = $this->mId;
392 return Html::rawElement( 'form', $attribs, $html );
396 * Get the hidden fields that should go inside the form.
397 * @return String HTML.
399 function getHiddenFields() {
404 if( $this->getMethod() == 'post' ){
405 $html .= Html::hidden( 'wpEditToken', $wgUser->editToken(), array( 'id' => 'wpEditToken' ) ) . "\n";
406 $html .= Html::hidden( 'title', $this->getTitle()->getPrefixedText() ) . "\n";
409 foreach ( $this->mHiddenFields as $data ) {
410 list( $value, $attribs ) = $data;
411 $html .= Html::hidden( $attribs['name'], $value, $attribs ) . "\n";
418 * Get the submit and (potentially) reset buttons.
419 * @return String HTML.
421 function getButtons() {
425 if ( isset( $this->mSubmitID ) ) {
426 $attribs['id'] = $this->mSubmitID;
429 if ( isset( $this->mSubmitName ) ) {
430 $attribs['name'] = $this->mSubmitName;
433 if ( isset( $this->mSubmitTooltip ) ) {
435 $attribs += $wgUser->getSkin()->tooltipAndAccessKeyAttribs( $this->mSubmitTooltip );
438 $attribs['class'] = 'mw-htmlform-submit';
440 $html .= Xml::submitButton( $this->getSubmitText(), $attribs ) . "\n";
442 if ( $this->mShowReset ) {
443 $html .= Html::element(
447 'value' => wfMsg( 'htmlform-reset' )
452 foreach ( $this->mButtons as $button ) {
455 'name' => $button['name'],
456 'value' => $button['value']
459 if ( $button['attribs'] ) {
460 $attrs += $button['attribs'];
463 if ( isset( $button['id'] ) ) {
464 $attrs['id'] = $button['id'];
467 $html .= Html::element( 'input', $attrs );
474 * Get the whole body of the form.
477 return $this->displaySection( $this->mFieldTree );
481 * Format and display an error message stack.
482 * @param $errors Mixed String or Array of message keys
485 function getErrors( $errors ) {
486 if ( $errors instanceof Status ) {
488 if ( $errors->isOK() ) {
491 $errorstr = $wgOut->parse( $errors->getWikiText() );
493 } elseif ( is_array( $errors ) ) {
494 $errorstr = $this->formatErrors( $errors );
500 ? Html::rawElement( 'div', array( 'class' => 'error' ), $errorstr )
505 * Format a stack of error messages into a single HTML string
506 * @param $errors Array of message keys/values
507 * @return String HTML, a <ul> list of errors
509 static function formatErrors( $errors ) {
512 foreach ( $errors as $error ) {
513 if ( is_array( $error ) ) {
514 $msg = array_shift( $error );
520 $errorstr .= Html::rawElement(
523 wfMsgExt( $msg, array( 'parseinline' ), $error )
527 $errorstr = Html::rawElement( 'ul', array(), $errorstr );
533 * Set the text for the submit button
534 * @param $t String plaintext.
536 function setSubmitText( $t ) {
537 $this->mSubmitText = $t;
541 * Get the text for the submit button, either customised or a default.
542 * @return unknown_type
544 function getSubmitText() {
545 return $this->mSubmitText
547 : wfMsg( 'htmlform-submit' );
550 public function setSubmitName( $name ) {
551 $this->mSubmitName = $name;
554 public function setSubmitTooltip( $name ) {
555 $this->mSubmitTooltip = $name;
559 * Set the id for the submit button.
560 * @param $t String. FIXME: Integrity is *not* validated
562 function setSubmitID( $t ) {
563 $this->mSubmitID = $t;
566 public function setId( $id ) {
570 * Prompt the whole form to be wrapped in a <fieldset>, with
571 * this text as its <legend> element.
572 * @param $legend String HTML to go inside the <legend> element.
575 public function setWrapperLegend( $legend ) { $this->mWrapperLegend = $legend; }
578 * Set the prefix for various default messages
579 * TODO: currently only used for the <fieldset> legend on forms
580 * with multiple sections; should be used elsewhre?
583 function setMessagePrefix( $p ) {
584 $this->mMessagePrefix = $p;
588 * Set the title for form submission
589 * @param $t Title of page the form is on/should be posted to
591 function setTitle( $t ) {
599 function getTitle() {
600 return $this->mTitle;
604 * Set the method used to submit the form
605 * @param $method String
607 public function setMethod( $method='post' ){
608 $this->mMethod = $method;
611 public function getMethod(){
612 return $this->mMethod;
619 function displaySection( $fields, $sectionName = '' ) {
621 $subsectionHtml = '';
622 $hasLeftColumn = false;
624 foreach ( $fields as $key => $value ) {
625 if ( is_object( $value ) ) {
626 $v = empty( $value->mParams['nodata'] )
627 ? $this->mFieldData[$key]
628 : $value->getDefault();
629 $tableHtml .= $value->getTableRow( $v );
631 if ( $value->getLabel() != ' ' )
632 $hasLeftColumn = true;
633 } elseif ( is_array( $value ) ) {
634 $section = $this->displaySection( $value, $key );
635 $legend = wfMsg( "{$this->mMessagePrefix}-$key" );
636 $subsectionHtml .= Xml::fieldset( $legend, $section ) . "\n";
642 if ( !$hasLeftColumn ) { // Avoid strange spacing when no labels exist
643 $classes[] = 'mw-htmlform-nolabel';
647 'class' => implode( ' ', $classes ),
650 if ( $sectionName ) {
651 $attribs['id'] = Sanitizer::escapeId( "mw-htmlform-$sectionName" );
654 $tableHtml = Html::rawElement( 'table', $attribs,
655 Html::rawElement( 'tbody', array(), "\n$tableHtml\n" ) ) . "\n";
657 return $subsectionHtml . "\n" . $tableHtml;
661 * Construct the form fields from the Descriptor array
663 function loadData() {
666 $fieldData = array();
668 foreach ( $this->mFlatFields as $fieldname => $field ) {
669 if ( !empty( $field->mParams['nodata'] ) ) {
671 } elseif ( !empty( $field->mParams['disabled'] ) ) {
672 $fieldData[$fieldname] = $field->getDefault();
674 $fieldData[$fieldname] = $field->loadDataFromRequest( $wgRequest );
679 foreach ( $fieldData as $name => &$value ) {
680 $field = $this->mFlatFields[$name];
681 $value = $field->filter( $value, $this->mFlatFields );
684 $this->mFieldData = $fieldData;
688 * Stop a reset button being shown for this form
689 * @param $suppressReset Bool set to false to re-enable the
692 function suppressReset( $suppressReset = true ) {
693 $this->mShowReset = !$suppressReset;
697 * Overload this if you want to apply special filtration routines
698 * to the form as a whole, after it's submitted but before it's
701 * @return unknown_type
703 function filterDataForSubmit( $data ) {
709 * The parent class to generate form fields. Any field type should
710 * be a subclass of this.
712 abstract class HTMLFormField {
714 protected $mValidationCallback;
715 protected $mFilterCallback;
718 protected $mLabel; # String label. Set on construction
720 protected $mClass = '';
725 * This function must be implemented to return the HTML to generate
726 * the input object itself. It should not implement the surrounding
727 * table cells/rows, or labels/help messages.
728 * @param $value String the value to set the input to; eg a default
729 * text for a text input.
730 * @return String valid HTML.
732 abstract function getInputHTML( $value );
735 * Override this function to add specific validation checks on the
736 * field input. Don't forget to call parent::validate() to ensure
737 * that the user-defined callback mValidationCallback is still run
738 * @param $value String the value the field was submitted with
739 * @param $alldata Array the data collected from the form
740 * @return Mixed Bool true on success, or String error to display.
742 function validate( $value, $alldata ) {
743 if ( isset( $this->mValidationCallback ) ) {
744 return call_user_func( $this->mValidationCallback, $value, $alldata );
747 if ( isset( $this->mParams['required'] ) && $value === '' ) {
748 return wfMsgExt( 'htmlform-required', 'parseinline' );
754 function filter( $value, $alldata ) {
755 if ( isset( $this->mFilterCallback ) ) {
756 $value = call_user_func( $this->mFilterCallback, $value, $alldata );
763 * Should this field have a label, or is there no input element with the
764 * appropriate id for the label to point to?
766 * @return bool True to output a label, false to suppress
768 protected function needsLabel() {
773 * Get the value that this input has been set to from a posted form,
774 * or the input's default value if it has not been set.
775 * @param $request WebRequest
776 * @return String the value
778 function loadDataFromRequest( $request ) {
779 if ( $request->getCheck( $this->mName ) ) {
780 return $request->getText( $this->mName );
782 return $this->getDefault();
787 * Initialise the object
788 * @param $params Associative Array. See HTMLForm doc for syntax.
790 function __construct( $params ) {
791 $this->mParams = $params;
793 # Generate the label from a message, if possible
794 if ( isset( $params['label-message'] ) ) {
795 $msgInfo = $params['label-message'];
797 if ( is_array( $msgInfo ) ) {
798 $msg = array_shift( $msgInfo );
804 $this->mLabel = wfMsgExt( $msg, 'parseinline', $msgInfo );
805 } elseif ( isset( $params['label'] ) ) {
806 $this->mLabel = $params['label'];
809 $this->mName = "wp{$params['fieldname']}";
810 if ( isset( $params['name'] ) ) {
811 $this->mName = $params['name'];
814 $validName = Sanitizer::escapeId( $this->mName );
815 if ( $this->mName != $validName && !isset( $params['nodata'] ) ) {
816 throw new MWException( "Invalid name '{$this->mName}' passed to " . __METHOD__ );
819 $this->mID = "mw-input-{$this->mName}";
821 if ( isset( $params['default'] ) ) {
822 $this->mDefault = $params['default'];
825 if ( isset( $params['id'] ) ) {
827 $validId = Sanitizer::escapeId( $id );
829 if ( $id != $validId ) {
830 throw new MWException( "Invalid id '$id' passed to " . __METHOD__ );
836 if ( isset( $params['cssclass'] ) ) {
837 $this->mClass = $params['cssclass'];
840 if ( isset( $params['validation-callback'] ) ) {
841 $this->mValidationCallback = $params['validation-callback'];
844 if ( isset( $params['filter-callback'] ) ) {
845 $this->mFilterCallback = $params['filter-callback'];
850 * Get the complete table row for the input, including help text,
851 * labels, and whatever.
852 * @param $value String the value to set the input to.
853 * @return String complete HTML table row.
855 function getTableRow( $value ) {
856 # Check for invalid data.
859 $errors = $this->validate( $value, $this->mParent->mFieldData );
861 $cellAttributes = array();
862 $verticalLabel = false;
864 if ( !empty($this->mParams['vertical-label']) ) {
865 $cellAttributes['colspan'] = 2;
866 $verticalLabel = true;
869 if ( $errors === true || ( !$wgRequest->wasPosted() && ( $this->mParent->getMethod() == 'post' ) ) ) {
872 $errors = Html::rawElement( 'span', array( 'class' => 'error' ), $errors );
875 $label = $this->getLabelHtml( $cellAttributes );
876 $field = Html::rawElement(
878 array( 'class' => 'mw-input' ) + $cellAttributes,
879 $this->getInputHTML( $value ) . "\n$errors"
882 $fieldType = get_class( $this );
884 if ($verticalLabel) {
885 $html = Html::rawElement( 'tr',
886 array( 'class' => 'mw-htmlform-vertical-label' ), $label );
887 $html .= Html::rawElement( 'tr',
888 array( 'class' => "mw-htmlform-field-$fieldType {$this->mClass}" ),
891 $html = Html::rawElement( 'tr',
892 array( 'class' => "mw-htmlform-field-$fieldType {$this->mClass}" ),
898 if ( isset( $this->mParams['help-message'] ) ) {
899 $msg = $this->mParams['help-message'];
900 $helptext = wfMsgExt( $msg, 'parseinline' );
901 if ( wfEmptyMsg( $msg, $helptext ) ) {
905 } elseif ( isset( $this->mParams['help'] ) ) {
906 $helptext = $this->mParams['help'];
909 if ( !is_null( $helptext ) ) {
910 $row = Html::rawElement( 'td', array( 'colspan' => 2, 'class' => 'htmlform-tip' ),
912 $row = Html::rawElement( 'tr', array(), $row );
919 function getLabel() {
920 return $this->mLabel;
922 function getLabelHtml( $cellAttributes = array() ) {
923 # Don't output a for= attribute for labels with no associated input.
924 # Kind of hacky here, possibly we don't want these to be <label>s at all.
927 if ( $this->needsLabel() ) {
928 $for['for'] = $this->mID;
931 return Html::rawElement( 'td', array( 'class' => 'mw-label' ) + $cellAttributes,
932 Html::rawElement( 'label', $for, $this->getLabel() )
936 function getDefault() {
937 if ( isset( $this->mDefault ) ) {
938 return $this->mDefault;
945 * Returns the attributes required for the tooltip and accesskey.
947 * @return array Attributes
949 public function getTooltipAndAccessKey() {
950 if ( empty( $this->mParams['tooltip'] ) ) {
956 return $wgUser->getSkin()->tooltipAndAccessKeyAttribs( $this->mParams['tooltip'] );
960 * flatten an array of options to a single array, for instance,
961 * a set of <options> inside <optgroups>.
962 * @param $options Associative Array with values either Strings
964 * @return Array flattened input
966 public static function flattenOptions( $options ) {
969 foreach ( $options as $value ) {
970 if ( is_array( $value ) ) {
971 $flatOpts = array_merge( $flatOpts, self::flattenOptions( $value ) );
973 $flatOpts[] = $value;
981 class HTMLTextField extends HTMLFormField {
983 return isset( $this->mParams['size'] )
984 ? $this->mParams['size']
988 function getInputHTML( $value ) {
991 'name' => $this->mName,
992 'size' => $this->getSize(),
994 ) + $this->getTooltipAndAccessKey();
996 if ( isset( $this->mParams['maxlength'] ) ) {
997 $attribs['maxlength'] = $this->mParams['maxlength'];
1000 if ( !empty( $this->mParams['disabled'] ) ) {
1001 $attribs['disabled'] = 'disabled';
1004 # TODO: Enforce pattern, step, required, readonly on the server side as
1006 foreach ( array( 'min', 'max', 'pattern', 'title', 'step',
1007 'placeholder' ) as $param ) {
1008 if ( isset( $this->mParams[$param] ) ) {
1009 $attribs[$param] = $this->mParams[$param];
1013 foreach ( array( 'required', 'autofocus', 'multiple', 'readonly' ) as $param ) {
1014 if ( isset( $this->mParams[$param] ) ) {
1015 $attribs[$param] = '';
1019 # Implement tiny differences between some field variants
1020 # here, rather than creating a new class for each one which
1021 # is essentially just a clone of this one.
1022 if ( isset( $this->mParams['type'] ) ) {
1023 switch ( $this->mParams['type'] ) {
1025 $attribs['type'] = 'email';
1028 $attribs['type'] = 'number';
1031 $attribs['type'] = 'number';
1032 $attribs['step'] = 'any';
1037 $attribs['type'] = $this->mParams['type'];
1042 return Html::element( 'input', $attribs );
1045 class HTMLTextAreaField extends HTMLFormField {
1046 function getCols() {
1047 return isset( $this->mParams['cols'] )
1048 ? $this->mParams['cols']
1052 function getRows() {
1053 return isset( $this->mParams['rows'] )
1054 ? $this->mParams['rows']
1058 function getInputHTML( $value ) {
1061 'name' => $this->mName,
1062 'cols' => $this->getCols(),
1063 'rows' => $this->getRows(),
1064 ) + $this->getTooltipAndAccessKey();
1067 if ( !empty( $this->mParams['disabled'] ) ) {
1068 $attribs['disabled'] = 'disabled';
1071 if ( !empty( $this->mParams['readonly'] ) ) {
1072 $attribs['readonly'] = 'readonly';
1075 foreach ( array( 'required', 'autofocus' ) as $param ) {
1076 if ( isset( $this->mParams[$param] ) ) {
1077 $attribs[$param] = '';
1081 return Html::element( 'textarea', $attribs, $value );
1086 * A field that will contain a numeric value
1088 class HTMLFloatField extends HTMLTextField {
1089 function getSize() {
1090 return isset( $this->mParams['size'] )
1091 ? $this->mParams['size']
1095 function validate( $value, $alldata ) {
1096 $p = parent::validate( $value, $alldata );
1098 if ( $p !== true ) {
1102 $value = trim( $value );
1104 # http://dev.w3.org/html5/spec/common-microsyntaxes.html#real-numbers
1105 # with the addition that a leading '+' sign is ok.
1106 if ( !preg_match( '/^((\+|\-)?\d+(\.\d+)?(E(\+|\-)?\d+)?)?$/i', $value ) ) {
1107 return wfMsgExt( 'htmlform-float-invalid', 'parse' );
1110 # The "int" part of these message names is rather confusing.
1111 # They make equal sense for all numbers.
1112 if ( isset( $this->mParams['min'] ) ) {
1113 $min = $this->mParams['min'];
1115 if ( $min > $value ) {
1116 return wfMsgExt( 'htmlform-int-toolow', 'parse', array( $min ) );
1120 if ( isset( $this->mParams['max'] ) ) {
1121 $max = $this->mParams['max'];
1123 if ( $max < $value ) {
1124 return wfMsgExt( 'htmlform-int-toohigh', 'parse', array( $max ) );
1133 * A field that must contain a number
1135 class HTMLIntField extends HTMLFloatField {
1136 function validate( $value, $alldata ) {
1137 $p = parent::validate( $value, $alldata );
1139 if ( $p !== true ) {
1143 # http://dev.w3.org/html5/spec/common-microsyntaxes.html#signed-integers
1144 # with the addition that a leading '+' sign is ok. Note that leading zeros
1145 # are fine, and will be left in the input, which is useful for things like
1146 # phone numbers when you know that they are integers (the HTML5 type=tel
1147 # input does not require its value to be numeric). If you want a tidier
1148 # value to, eg, save in the DB, clean it up with intval().
1149 if ( !preg_match( '/^((\+|\-)?\d+)?$/', trim( $value ) )
1151 return wfMsgExt( 'htmlform-int-invalid', 'parse' );
1161 class HTMLCheckField extends HTMLFormField {
1162 function getInputHTML( $value ) {
1163 if ( !empty( $this->mParams['invert'] ) ) {
1167 $attr = $this->getTooltipAndAccessKey();
1168 $attr['id'] = $this->mID;
1170 if ( !empty( $this->mParams['disabled'] ) ) {
1171 $attr['disabled'] = 'disabled';
1174 return Xml::check( $this->mName, $value, $attr ) . ' ' .
1175 Html::rawElement( 'label', array( 'for' => $this->mID ), $this->mLabel );
1179 * For a checkbox, the label goes on the right hand side, and is
1180 * added in getInputHTML(), rather than HTMLFormField::getRow()
1182 function getLabel() {
1186 function loadDataFromRequest( $request ) {
1188 if ( isset( $this->mParams['invert'] ) && $this->mParams['invert'] ) {
1192 // GetCheck won't work like we want for checks.
1193 if ( $request->getCheck( 'wpEditToken' ) ) {
1194 // XOR has the following truth table, which is what we want
1195 // INVERT VALUE | OUTPUT
1196 // true true | false
1197 // false true | true
1198 // false false | false
1199 // true false | true
1200 return $request->getBool( $this->mName ) xor $invert;
1202 return $this->getDefault();
1208 * A select dropdown field. Basically a wrapper for Xmlselect class
1210 class HTMLSelectField extends HTMLFormField {
1211 function validate( $value, $alldata ) {
1212 $p = parent::validate( $value, $alldata );
1214 if ( $p !== true ) {
1218 $validOptions = HTMLFormField::flattenOptions( $this->mParams['options'] );
1220 if ( in_array( $value, $validOptions ) )
1223 return wfMsgExt( 'htmlform-select-badoption', 'parseinline' );
1226 function getInputHTML( $value ) {
1227 $select = new XmlSelect( $this->mName, $this->mID, strval( $value ) );
1229 # If one of the options' 'name' is int(0), it is automatically selected.
1230 # because PHP sucks and things int(0) == 'some string'.
1231 # Working around this by forcing all of them to strings.
1232 foreach( $this->mParams['options'] as $key => &$opt ){
1233 if( is_int( $opt ) ){
1234 $opt = strval( $opt );
1237 unset( $opt ); # PHP keeps $opt around as a reference, which is a bit scary
1239 if ( !empty( $this->mParams['disabled'] ) ) {
1240 $select->setAttribute( 'disabled', 'disabled' );
1243 $select->addOptions( $this->mParams['options'] );
1245 return $select->getHTML();
1250 * Select dropdown field, with an additional "other" textbox.
1252 class HTMLSelectOrOtherField extends HTMLTextField {
1253 static $jsAdded = false;
1255 function __construct( $params ) {
1256 if ( !in_array( 'other', $params['options'], true ) ) {
1257 $params['options'][wfMsg( 'htmlform-selectorother-other' )] = 'other';
1260 parent::__construct( $params );
1263 static function forceToStringRecursive( $array ) {
1264 if ( is_array( $array ) ) {
1265 return array_map( array( __CLASS__, 'forceToStringRecursive' ), $array );
1267 return strval( $array );
1271 function getInputHTML( $value ) {
1272 $valInSelect = false;
1274 if ( $value !== false ) {
1275 $valInSelect = in_array(
1277 HTMLFormField::flattenOptions( $this->mParams['options'] )
1281 $selected = $valInSelect ? $value : 'other';
1283 $opts = self::forceToStringRecursive( $this->mParams['options'] );
1285 $select = new XmlSelect( $this->mName, $this->mID, $selected );
1286 $select->addOptions( $opts );
1288 $select->setAttribute( 'class', 'mw-htmlform-select-or-other' );
1290 $tbAttribs = array( 'id' => $this->mID . '-other', 'size' => $this->getSize() );
1292 if ( !empty( $this->mParams['disabled'] ) ) {
1293 $select->setAttribute( 'disabled', 'disabled' );
1294 $tbAttribs['disabled'] = 'disabled';
1297 $select = $select->getHTML();
1299 if ( isset( $this->mParams['maxlength'] ) ) {
1300 $tbAttribs['maxlength'] = $this->mParams['maxlength'];
1303 $textbox = Html::input(
1304 $this->mName . '-other',
1305 $valInSelect ? '' : $value,
1310 return "$select<br />\n$textbox";
1313 function loadDataFromRequest( $request ) {
1314 if ( $request->getCheck( $this->mName ) ) {
1315 $val = $request->getText( $this->mName );
1317 if ( $val == 'other' ) {
1318 $val = $request->getText( $this->mName . '-other' );
1323 return $this->getDefault();
1329 * Multi-select field
1331 class HTMLMultiSelectField extends HTMLFormField {
1332 function validate( $value, $alldata ) {
1333 $p = parent::validate( $value, $alldata );
1335 if ( $p !== true ) {
1339 if ( !is_array( $value ) ) {
1343 # If all options are valid, array_intersect of the valid options
1344 # and the provided options will return the provided options.
1345 $validOptions = HTMLFormField::flattenOptions( $this->mParams['options'] );
1347 $validValues = array_intersect( $value, $validOptions );
1348 if ( count( $validValues ) == count( $value ) ) {
1351 return wfMsgExt( 'htmlform-select-badoption', 'parseinline' );
1355 function getInputHTML( $value ) {
1356 $html = $this->formatOptions( $this->mParams['options'], $value );
1361 function formatOptions( $options, $value ) {
1366 if ( !empty( $this->mParams['disabled'] ) ) {
1367 $attribs['disabled'] = 'disabled';
1370 foreach ( $options as $label => $info ) {
1371 if ( is_array( $info ) ) {
1372 $html .= Html::rawElement( 'h1', array(), $label ) . "\n";
1373 $html .= $this->formatOptions( $info, $value );
1375 $thisAttribs = array( 'id' => "{$this->mID}-$info", 'value' => $info );
1377 $checkbox = Xml::check(
1378 $this->mName . '[]',
1379 in_array( $info, $value, true ),
1380 $attribs + $thisAttribs );
1381 $checkbox .= ' ' . Html::rawElement( 'label', array( 'for' => "{$this->mID}-$info" ), $label );
1383 $html .= $checkbox . '<br />';
1390 function loadDataFromRequest( $request ) {
1391 # won't work with getCheck
1392 if ( $request->getCheck( 'wpEditToken' ) ) {
1393 $arr = $request->getArray( $this->mName );
1401 return $this->getDefault();
1405 function getDefault() {
1406 if ( isset( $this->mDefault ) ) {
1407 return $this->mDefault;
1413 protected function needsLabel() {
1419 * Radio checkbox fields.
1421 class HTMLRadioField extends HTMLFormField {
1422 function validate( $value, $alldata ) {
1423 $p = parent::validate( $value, $alldata );
1425 if ( $p !== true ) {
1429 if ( !is_string( $value ) && !is_int( $value ) ) {
1433 $validOptions = HTMLFormField::flattenOptions( $this->mParams['options'] );
1435 if ( in_array( $value, $validOptions ) ) {
1438 return wfMsgExt( 'htmlform-select-badoption', 'parseinline' );
1443 * This returns a block of all the radio options, in one cell.
1444 * @see includes/HTMLFormField#getInputHTML()
1446 function getInputHTML( $value ) {
1447 $html = $this->formatOptions( $this->mParams['options'], $value );
1452 function formatOptions( $options, $value ) {
1456 if ( !empty( $this->mParams['disabled'] ) ) {
1457 $attribs['disabled'] = 'disabled';
1460 # TODO: should this produce an unordered list perhaps?
1461 foreach ( $options as $label => $info ) {
1462 if ( is_array( $info ) ) {
1463 $html .= Html::rawElement( 'h1', array(), $label ) . "\n";
1464 $html .= $this->formatOptions( $info, $value );
1466 $id = Sanitizer::escapeId( $this->mID . "-$info" );
1467 $html .= Xml::radio(
1471 $attribs + array( 'id' => $id )
1474 Html::rawElement( 'label', array( 'for' => $id ), $label );
1476 $html .= "<br />\n";
1483 protected function needsLabel() {
1489 * An information field (text blob), not a proper input.
1491 class HTMLInfoField extends HTMLFormField {
1492 function __construct( $info ) {
1493 $info['nodata'] = true;
1495 parent::__construct( $info );
1498 function getInputHTML( $value ) {
1499 return !empty( $this->mParams['raw'] ) ? $value : htmlspecialchars( $value );
1502 function getTableRow( $value ) {
1503 if ( !empty( $this->mParams['rawrow'] ) ) {
1507 return parent::getTableRow( $value );
1510 protected function needsLabel() {
1515 class HTMLHiddenField extends HTMLFormField {
1516 public function __construct( $params ) {
1517 parent::__construct( $params );
1519 # Per HTML5 spec, hidden fields cannot be 'required'
1520 # http://dev.w3.org/html5/spec/states-of-the-type-attribute.html#hidden-state
1521 unset( $this->mParams['required'] );
1524 public function getTableRow( $value ) {
1527 $params['id'] = $this->mID;
1530 $this->mParent->addHiddenField(
1539 public function getInputHTML( $value ) { return ''; }
1543 * Add a submit button inline in the form (as opposed to
1544 * HTMLForm::addButton(), which will add it at the end).
1546 class HTMLSubmitField extends HTMLFormField {
1548 function __construct( $info ) {
1549 $info['nodata'] = true;
1550 parent::__construct( $info );
1553 function getInputHTML( $value ) {
1554 return Xml::submitButton(
1557 'class' => 'mw-htmlform-submit',
1558 'name' => $this->mName,
1564 protected function needsLabel() {
1569 * Button cannot be invalid
1571 public function validate( $value, $alldata ){
1576 class HTMLEditTools extends HTMLFormField {
1577 public function getInputHTML( $value ) {
1581 public function getTableRow( $value ) {
1582 return "<tr><td></td><td class=\"mw-input\">"
1583 . '<div class="mw-editTools">'
1584 . wfMsgExt( empty( $this->mParams['message'] )
1585 ? 'edittools' : $this->mParams['message'],
1586 array( 'parse', 'content' ) )
1587 . "</div></td></tr>\n";