--- breadcrumbs: - - /developers - For Developers - - /developers/web-platform-status - Web Platform Status page_name: forms title: HTML5 Forms Status --- Dev Contact: tkent@ Updated: October 4, 2013 Note that this page doesn't cover iOS version of Google Chrome because it uses WebKit shipped in iOS. ## On stable release \[M5\] indicates a feature which is available since Milestone 5, a.k.a. Google Chrome 5.0. \[M6\] for Google Chrome 6.0. ### Common features * autofocus attribute (autofocus property) of input/textarea/select/keygen elements * labels property of form control elements \[M6\] * willValidate property * validity property * typeMismatch for <input type=email> and <input type=url> * valueMissing and required attribute (required property) * patternMismatch and pattern attribute (pattern property) * tooLong * tooLong behavior was updated in \[M13\]. Values set by a script won't be too long. * rangeOverflow and max attribute (max property) \[M5\] * rangeUnderflow and min attribute (min property) \[M5\] * stepMismatch and step attribute (step property) \[M5\] * badInput support for number, date, datetime-local, month, time, week. \[M25\] * valid as a combination of the above * checkValidity() and 'invalid' event * validationMessage property \[M10\] * :default, :valid, :invalid, :optional, and :required CSS selectors * form element doesn't support :valid and :invalid yet. * form, formaction, formenctype, formmethod, formtarget attributes and the corresponding properties \[M9\] Note: form property has been supported for a long time though form attribute was not supported. * formMethod / formEnctype properties of input element, and formMethod / formEnctype properties of button element correctly return normalized values. \[M16\] * formMethod property returns empty string if formmethod attribute value is missing. \[M26\] * formEnctype property returns empty string if formenctype attribute value is missing. \[M26\] * 'formchange' and 'forminput' events were introduce in \[M10\], and removed since \[M12\]. ### Form element * Interactive validation \[M5\] Invalid form controls prevent the form submission, and show a validation message. formnovalidate attribute (formNoValidate property) of submit button is supported. Note: In Google Chrome 6, the interactive validation feature worked only for documents with <!DOCTYPE html>. \[M6\] Note: In Google Chrome 7, the interactive validation feature was disabled. \[M7\] Note: In Google Chrome 10, the interactive validation feature was enabled with a bubble UI. \[M10\] * enctype="text/plain" support \[M17\] * method / enctype properties correctly return normalized values. \[M16\] * RadioNodeList support in HTMLFormElement::elements \[M21\] ### Fieldset element * name and type properties \[M19\] * disabled attribute (disabled property) \[M20\] * elements property \[M21\] ### Label element * control property of label element \[M6\] * form attribute \[M19\] ### Input element * multiple attribute (multiple DOM property) of <input type=file> and <input type=email> * <input type=email multiple> allows whitespace around ',' since \[M14\] * placeholder attribute (placeholder property) * The behavior of placeholder attribute was changed since \[M17\]. Placeholder text is shown until a user enters the first letter. * accept attribute for <input type=file> \[M8\] * File name suffix support \[M21\] * files property * files property is writable. \[M21\] * dirname attribute of input element \[M17\] * Support for <input type=hidden name=_charset_> \[M17\] * Dedicated UI for <input type=search> * Dedicated UI for <input type=range> (only horizontal) * type attribute (type property) recognizes email, tel, and url * The UI is same as type=text. * <input type=number> with spin-button UI \[M6\] * Supports wheel events \[M7\] * Supports auto-repeat by mouse press since \[M7\] * Localization of <input type=number> \[M11\] * Inserting thousand-separator such as ',' in <input type=number> was disabled since \[M14\] * The default width of a number type field with finite min/max/step values is fit to possible maximum digits. \[M15\] * <input type=color> for Windows, OS X, and Linux \[M20\] * ChromeOS \[M22\] * <input type=date> for Windows, OS X, Linux, and Chrome OS \[M20\] ~~Down arrow key to open the calendar popup.~~ Keyboard bindings in the calendar popup: m Shift + m y Shift + y d Shift + d Enter t ESC
Next month
Previous month
Next year
Previous year
10 years later
10 years past
Set the selected date to the field, and close the popup
Select today
Close the popup
* Update <input type=date> UI for non-Android \[M24\] It contains multiple editable fields and a spin button. Key binding to open a calendar picker was changed: down arrow → Alt (option) + down arrow * Android supports it since \[M18\] * Major calendar UI update \[M27\] * <input type=time> \[M23\] * Android supports it since \[M18\] * <input type=month> \[M25\] * Android supports it since \[M18\] * <input type=week> for non-Android \[M25\] * <input type=datetime-local> \[M25\] * Android supports it since \[M18\] * list attribute, and list property * text, search, url, tel, and number types. \[M20\] * datalist element support for <input type=email> \[M21\] * datalist element support for <input type=range> \[M22\] * Specified values are shown as tick marks, and the slider thumb snaps on them. * datalist element support for <input type=color> \[M22\] * datalist support for date, and time \[M24\] * datalist support for datetime-local, month, and week \[M25\] * For unsupported input types, list property returns null. * Chrome for Android doesn't support list attribute for all input types. * min/max/step/value attribute values for numeric types accepts number strings starting decimal points since \[M17\] * ".25" was an invalid number string until \[M16\], and it's valid since \[M17\]. * stepUp() and stepDown() \[M5\] * valueAsDate property \[M5\] * valueAsNumber property \[M5\] * Removed labels property support of <input type=hidden> \[M19\] * Indeterminate checkbox \[M6\] * :out-of-range and :in-range CSS selectors \[M10\] * height and width properties of input element \[M21\] * setRangeText() \[M24\] * type attribute of input element recognized date, datetime, datetime-local, month, time, and week during \[M5\] to \[M15\] They were disabled since \[M16\] because of their incompleteness and UI development ### Button element * type property is writable. \[M21\] ### Select element * validity.valueMissing and required attribute (required property) \[M10\] * selectedOptions property \[M22\] ### Datalist element * Introduced in \[M20\] with <input list=id> support ### Textarea element * wrap property \[M16\] * placeholder attribute (placeholder property) * The behavior of placeholder attribute was changed since \[M17\]. Placeholder text is shown until a user enters the first letter. * maxlength attribute (maxLength property) * setRangeText() \[M24\] ### Output element * Introduced in \[M9\] * labels property \[M19\] ### Progress element * Introduced in \[M6\] * Removed form property \[M19\] ### Meter element * Horizontal meter element was introduced in \[M6\] * Removed form property \[M19\] --- ## Milestone 29 * IDN support for type=email * <input type=color> for Android ## Milestone 30 * <input type=week> for Android * Buttons, input\[type=range\], checkboxes, and radio buttons get focus by mouse press. ## Milestone 33 * Step base detection takes account of value attribute value. ## Not available yet * datalist support for Android \[in-progress\] * inputmode attribute for input and textarea elements \[in-progress\] * Dedicated UIs for datetime type with datalist support * type=number value range update (float → double) * New behavior of stepUp() and stepDown() * Newlines for textarea placeholder * reportValidity() * minlength and validity.tooShort * New behavior of min > max case for type=time * :valid and :invalid CSS selectors for form and fieldset element * Automatic switching to vertical range, progress, and meter. * Form controls in vertical writing mode * CSS Selectors4: :user-error pseudo class * :indeterminate pseudo class for radio buttons