From 522489884e88bbd549cf4d879f4d865f3f4a5f14 Mon Sep 17 00:00:00 2001
From: Marcello Lamonaca <marcello@lamonaca.eu>
Date: Mon, 4 Dec 2023 21:57:14 +0100
Subject: [PATCH] improve notes for HTML `datalist`, `meter` and other inputs

---
 docs/languages/html/html.md | 23 +++++++++++++++--------
 1 file changed, 15 insertions(+), 8 deletions(-)

diff --git a/docs/languages/html/html.md b/docs/languages/html/html.md
index 60f6f39..0b6860f 100644
--- a/docs/languages/html/html.md
+++ b/docs/languages/html/html.md
@@ -549,19 +549,16 @@ Older browsers don't support this input type.
 The `<meter>` HTML element represents either a scalar value within a known range or a fractional value.
 
 ```html linenums="1"
-<meter min="0" max="100" low="33" high="66" optimum="80" value="50" />
+<meter min="0" max="100" low="33" high="66" optimum="80" value="50">current value</meter>
 ```
 
-### More Input Types
+### Datalist (Autocomplete)
 
-```html linenums="1"
-<input type="email" id="email" name="email">
-<input type="url" id="url" name="url">
-<input type="number" name="" id="identifier" min="min-value" max="max-value" step="">
-<input type="search" id="identifier" name="">
+The `datalist` HTML element can provide suggestions to an input that targets it's `id` with the `list` attribute.
 
-<!-- Native Search with autocomplete -->
+```html
 <input list="items">
+
 <datalist id="items">
     <option value="value-1">
     <option value="value-2">
@@ -569,6 +566,16 @@ The `<meter>` HTML element represents either a scalar value within a known range
 </datalist>
 ```
 
+### More Input Types
+
+```html linenums="1"
+<input type="email" id="email" name="email" />
+<input type="url" id="url" name="url" />
+<input type="number" name="" id="identifier" min="min-value" max="max-value" step="" />
+<input type="search" id="identifier" name="">
+<input type="color" />
+```
+
 ### [Using Built-In Form Validation](https://developer.mozilla.org/en-US/docs/Learn/Forms/Form_validation)
 
 One of the most significant features of HTML5 form controls is the ability to validate most user data without relying on JavaScript.