Input (continued)

features/input-color.yml

@@ -0,0 +1,9 @@
+name: '<input type="color">'
+description: The `<input>` HTML element with the `type="color"` attribute represents a color picker, which might be styled differently by the browser.
+spec: https://html.spec.whatwg.org/multipage/input.html#color-state-(type=color)
+group:
+  - forms
+  - html-elements
+caniuse: input-color
+compat_features:
+  - html.elements.input.type_color

features/input-color.yml.dist

@@ -0,0 +1,14 @@
+# Generated from: input-color.yml
+# Do not edit this file by hand. Edit the source file instead!
+
+status:
+  baseline: false
+  support:
+    chrome: "20"
+    chrome_android: "25"
+    edge: "14"
+    firefox: "29"
+    safari: "12.1"
+    safari_ios: "12.2"
+compat_features:
+  - html.elements.input.type_color

features/input-date-time.yml

@@ -0,0 +1,16 @@
+name: <input> with types date, datetime-local, time, and week
+description: The `<input>` element allows the user to input date and time information to a form.
+spec: https://html.spec.whatwg.org/multipage/input.html#date-state-(type=date)
+group:
+  - forms
+  - html-elements
+status:
+  compute_from: html.elements.input.type_date
+caniuse: input-datetime
+compat_features:
+  - html.elements.input.type_date
+  - html.elements.input.type_datetime-local
+  # Excluded because of a non-real value
+  # - html.elements.input.type_month
+  - html.elements.input.type_time
+  - html.elements.input.type_week

features/input-date-time.yml.dist

@@ -0,0 +1,51 @@
+# Generated from: input-date-time.yml
+# Do not edit this file by hand. Edit the source file instead!
+
+status:
+  baseline: high
+  baseline_low_date: 2021-04-26
+  baseline_high_date: 2023-10-26
+  support:
+    chrome: "20"
+    chrome_android: "25"
+    edge: "12"
+    firefox: "57"
+    firefox_android: "57"
+    safari: "14.1"
+    safari_ios: "5"
+compat_features:
+  # ⬇️ Same status as overall feature ⬇️
+  # baseline: high
+  # baseline_low_date: 2021-04-26
+  # baseline_high_date: 2023-10-26
+  # support:
+  #   chrome: "20"
+  #   chrome_android: "25"
+  #   edge: "12"
+  #   firefox: "57"
+  #   firefox_android: "57"
+  #   safari: "14.1"
+  #   safari_ios: "5"
+  - html.elements.input.type_date
+  - html.elements.input.type_time
+
+  # baseline: high
+  # baseline_low_date: 2021-10-05
+  # baseline_high_date: 2024-04-05
+  # support:
+  #   chrome: "20"
+  #   chrome_android: "25"
+  #   edge: "12"
+  #   firefox: "93"
+  #   firefox_android: "93"
+  #   safari: "14.1"
+  #   safari_ios: "5"
+  - html.elements.input.type_datetime-local
+
+  # baseline: false
+  # support:
+  #   chrome: "20"
+  #   chrome_android: "25"
+  #   edge: "12"
+  #   firefox_android: "18"
+  - html.elements.input.type_week

features/input-email-tel-url.yml

@@ -0,0 +1,14 @@
+name: <input> with types email, tel, and url
+description: The `<input>` element allows the user to input information to a form intended for email addresses, telephone numbers or URLs. Particularly useful in combination with form validation.
+spec:
+  - https://html.spec.whatwg.org/multipage/input.html#email-state-(type=email)
+  - https://html.spec.whatwg.org/multipage/input.html#telephone-state-(type=tel)
+  - https://html.spec.whatwg.org/multipage/input.html#url-state-(type=url)
+group:
+  - forms
+  - html-elements
+caniuse: input-email-tel-url
+compat_features:
+  - html.elements.input.type_email
+  - html.elements.input.type_tel
+  - html.elements.input.type_url

features/input-email-tel-url.yml.dist

@@ -0,0 +1,54 @@
+# Generated from: input-email-tel-url.yml
+# Do not edit this file by hand. Edit the source file instead!
+
+status:
+  baseline: high
+  baseline_low_date: 2015-07-29
+  baseline_high_date: 2018-01-29
+  support:
+    chrome: "5"
+    chrome_android: "18"
+    edge: "12"
+    firefox: "4"
+    firefox_android: "4"
+    safari: "5"
+    safari_ios: "3"
+compat_features:
+  # baseline: high
+  # baseline_low_date: 2015-07-29
+  # baseline_high_date: 2018-01-29
+  # support:
+  #   chrome: "1"
+  #   chrome_android: "18"
+  #   edge: "12"
+  #   firefox: "1"
+  #   firefox_android: "4"
+  #   safari: "1"
+  #   safari_ios: "1"
+  - html.elements.input.type_url
+
+  # baseline: high
+  # baseline_low_date: 2015-07-29
+  # baseline_high_date: 2018-01-29
+  # support:
+  #   chrome: "3"
+  #   chrome_android: "18"
+  #   edge: "12"
+  #   firefox: "4"
+  #   firefox_android: "4"
+  #   safari: "4"
+  #   safari_ios: "3"
+  - html.elements.input.type_tel
+
+  # baseline: high
+  # baseline_low_date: 2015-07-29
+  # baseline_high_date: 2018-01-29
+  # support:
+  #   chrome: "5"
+  #   chrome_android: "18"
+  #   edge: "12"
+  #   firefox: "1"
+  #   firefox_android: "4"
+  #   safari: "5"
+  #   safari_ios: "3"
+  - html.elements.input.type_email

features/input-event.yml

@@ -1,4 +1,4 @@
-name: input (event)
+name: Input event
 description: The `input` event fires when a form control changes or an element with the `contenteditable` attribute changes.
 spec: https://w3c.github.io/uievents/#event-type-input
 caniuse: input-event

features/input-number.yml

@@ -0,0 +1,12 @@
+name: '<input type="number">'
+description: The `<input>` element allows the user to input numeric information to a form.
+spec: https://html.spec.whatwg.org/multipage/input.html#number-state-(type=number)
+group:
+  - forms
+  - html-elements
+caniuse: input-number
+compat_features:
+  - html.elements.input.max
+  - html.elements.input.min
+  - html.elements.input.step
+  - html.elements.input.type_number

features/input-number.yml.dist

@@ -0,0 +1,56 @@
+# Generated from: input-number.yml
+# Do not edit this file by hand. Edit the source file instead!
+
+status:
+  baseline: high
+  baseline_low_date: 2015-07-29
+  baseline_high_date: 2018-01-29
+  support:
+    chrome: "7"
+    chrome_android: "18"
+    edge: "12"
+    firefox: "29"
+    firefox_android: "29"
+    safari: "5.1"
+    safari_ios: "5"
+compat_features:
+  # baseline: high
+  # baseline_low_date: 2015-07-29
+  # baseline_high_date: 2018-01-29
+  # support:
+  #   chrome: "4"
+  #   chrome_android: "18"
+  #   edge: "12"
+  #   firefox: "16"
+  #   firefox_android: "16"
+  #   safari: "5"
+  #   safari_ios: "4"
+  - html.elements.input.max
+  - html.elements.input.min
+
+  # baseline: high
+  # baseline_low_date: 2015-07-29
+  # baseline_high_date: 2018-01-29
+  # support:
+  #   chrome: "5"
+  #   chrome_android: "18"
+  #   edge: "12"
+  #   firefox: "16"
+  #   firefox_android: "16"
+  #   safari: "5"
+  #   safari_ios: "4"
+  - html.elements.input.step
+
+  # ⬇️ Same status as overall feature ⬇️
+  # baseline: high
+  # baseline_low_date: 2015-07-29
+  # baseline_high_date: 2018-01-29
+  # support:
+  #   chrome: "7"
+  #   chrome_android: "18"
+  #   edge: "12"
+  #   firefox: "29"
+  #   firefox_android: "29"
+  #   safari: "5.1"
+  #   safari_ios: "5"
+  - html.elements.input.type_number

features/input-range.yml

@@ -0,0 +1,16 @@
+name: '<input type="range">'
+description: The `<input>` element allows the user to select a value using a slider widget.
+spec: https://html.spec.whatwg.org/multipage/input.html#range-state-(type=range)
+group:
+  - forms
+  - html-elements
+caniuse: input-range
+compat_features:
+  # Included in input-number.yml
+  # - html.elements.input.max
+  # - html.elements.input.min
+  # - html.elements.input.step
+  - html.elements.input.type_range
+  - html.elements.input.type_range.vertical_orientation
+  # Excluded because of a non-real value
+  # - html.elements.input.type_range.tick_marks

features/input-range.yml.dist

@@ -0,0 +1,40 @@
+# Generated from: input-range.yml
+# Do not edit this file by hand. Edit the source file instead!
+
+status:
+  baseline: low
+  baseline_low_date: 2024-04-16
+  support:
+    chrome: "124"
+    chrome_android: "124"
+    edge: "12"
+    firefox: "120"
+    firefox_android: "120"
+    safari: "16.5"
+    safari_ios: "16.5"
+compat_features:
+  # baseline: high
+  # baseline_low_date: 2017-03-16
+  # baseline_high_date: 2019-09-16
+  # support:
+  #   chrome: "4"
+  #   chrome_android: "57"
+  #   edge: "12"
+  #   firefox: "23"
+  #   firefox_android: "52"
+  #   safari: "3.1"
+  #   safari_ios: "5"
+  - html.elements.input.type_range
+
+  # ⬇️ Same status as overall feature ⬇️
+  # baseline: low
+  # baseline_low_date: 2024-04-16
+  # support:
+  #   chrome: "124"
+  #   chrome_android: "124"
+  #   edge: "12"
+  #   firefox: "120"
+  #   firefox_android: "120"
+  #   safari: "16.5"
+  #   safari_ios: "16.5"
+  - html.elements.input.type_range.vertical_orientation

features/input-search.yml.dist

@@ -0,0 +1,6 @@
+# Generated from: input-search.yml
+# Do not edit this file by hand. Edit the source file instead!
+
+status:
+  baseline: false
+  support: {}

features/draft/html-elements/input.yml → features/input.yml

@@ -1,8 +1,11 @@
-draft_date: 2024-06-05
 name: <input>
-description: The `<input>` element TODO.
+description: The `<input>` element allows the user to input information to a form; a number of types of input data and control widgets are available, depending on the device and browser.
 spec: https://html.spec.whatwg.org/multipage/input.html#the-input-element
-group: forms
+group:
+  - forms
+  - html-elements
+status:
+  compute_from: html.elements.input
 compat_features:
   - api.HTMLInputElement
   - api.HTMLInputElement.accept
@@ -64,9 +67,7 @@ compat_features:
   - html.elements.input.formnovalidate
   - html.elements.input.formtarget
   - html.elements.input.list
-  - html.elements.input.max
   - html.elements.input.maxlength
-  - html.elements.input.min
   - html.elements.input.minlength
   - html.elements.input.multiple
   - html.elements.input.name
@@ -77,31 +78,14 @@ compat_features:
   # Excluded because of a non-real value
   # - html.elements.input.size
   - html.elements.input.src
-  - html.elements.input.step
   - html.elements.input.type_button
   - html.elements.input.type_checkbox
-  - html.elements.input.type_color
-  - html.elements.input.type_date
-  - html.elements.input.type_datetime-local
-  - html.elements.input.type_email
   - html.elements.input.type_file
   - html.elements.input.type_hidden
   - html.elements.input.type_image
-  # Excluded because of a non-real value
-  # - html.elements.input.type_month
-  - html.elements.input.type_number
   - html.elements.input.type_password
   - html.elements.input.type_password.insecure_login_handling
   - html.elements.input.type_radio
-  - html.elements.input.type_range
-  # Excluded because of a non-real value
-  # - html.elements.input.type_range.tick_marks
-  # - html.elements.input.type_range.vertical_orientation
   - html.elements.input.type_reset
   - html.elements.input.type_submit
-  # Excluded because of a non-real value
-  # - html.elements.input.type_tel
   - html.elements.input.type_text
-  - html.elements.input.type_time
-  - html.elements.input.type_url
-  - html.elements.input.type_week