doc: add input list/max document.

Author: jaywcjlove

docs/tags/input_height.md

@@ -31,6 +31,7 @@ HTML \<input> height 属性
 | 属性 Attribute | ![chrome][1] | ![edge][2] | ![firefox][3] | ![safari][4] | ![opera][5] |
 | --- | --- | --- | --- | --- | --- |
 | height    | Yes | Yes | 16.0 | Yes | Yes |
+<!--rehype:style=width: 100%; display: inline-table;-->
 
 ## 语法
 

docs/tags/input_list.md

@@ -1,4 +1,68 @@
-input_list.md
+HTML \<input> list 属性
 ===
 
-欢迎您编辑 <a target="__blank" href="https://github.com/jaywcjlove/html-tutorial/blob/main/docs/tags/input_list.md">docs/tags/input_list.md</a> 文件，共建 HTML Tutorial 文档。
+## 示例
+
+在 \<datalist> 中具有预定义值的 \<input> 元素：
+
+```html
+<input list="browsers">
+<datalist id="browsers">
+  <option value="Internet Explorer">
+  <option value="Firefox">
+  <option value="Google Chrome">
+  <option value="Opera">
+  <option value="Safari">
+</datalist>
+```
+
+```html idoc:preview:iframe
+<form action="/action_page.php" method="get">
+  <label for="browser">从列表中选择您的浏览器：</label>
+  <input list="browsers" name="browser" id="browser">
+  <datalist id="browsers">
+    <option value="Edge">
+    <option value="Firefox">
+    <option value="Chrome">
+    <option value="Opera">
+    <option value="Safari">
+  </datalist>
+  <input type="submit" value="提交">
+</form><br>
+注意： Safari 12.0（或更早版本）不支持 datalist 标签。
+```
+
+## 定义和用法
+
+`list` 属性指的是 `<datalist>` 元素，其中包含 `<input>` 元素的预定义选项。
+
+## 浏览器支持
+
+表中的数字指定了完全支持该属性的第一个浏览器版本。
+
+| 属性 Attribute | ![chrome][1] | ![edge][2] | ![firefox][3] | ![safari][4] | ![opera][5] |
+| --- | --- | --- | --- | --- | --- |
+| list      | 20.0 | 10.0 | 4.0 | Not supported | 9.6 |
+<!--rehype:style=width: 100%; display: inline-table;-->
+
+## 语法
+
+```html
+<input list="datalist_id">
+```
+
+## 属性值
+
+| 值 Value | 描述 Description |
+| ----- | ----- |
+| *datalist\_id* | 指定要将 \<input> 元素绑定到的数据列表的 id |
+<!--rehype:style=width: 100%; display: inline-table;-->
+
+[HTML \<input> tag](./input.md "HTML input 标签参考")
+
+[1]: ../assets/chrome.svg
+[2]: ../assets/edge.svg
+[3]: ../assets/firefox.svg
+[4]: ../assets/safari.svg
+[5]: ../assets/opera.svg
+

docs/tags/input_max.md

@@ -1,4 +1,59 @@
-input_max.md
+HTML \<input> max 属性
 ===
 
-欢迎您编辑 <a target="__blank" href="https://github.com/jaywcjlove/html-tutorial/blob/main/docs/tags/input_max.md">docs/tags/input_max.md</a> 文件，共建 HTML Tutorial 文档。
+## 示例
+
+使用 `min` 和 `max` 属性：
+
+```html idoc:preview:iframe
+<form action="/action_page.php">
+  <label for="datemax">输入 1980-01-01 之前的日期:</label>
+  <input type="date" id="datemax" name="datemax" max="1979-12-31"><br><br>
+  <label for="datemin">输入 2000-01-01 之后的日期:</label>
+  <input type="date" id="datemin" name="datemin" min="2000-01-02"><br><br>
+  <label for="quantity">数量（1 到 5 之间）:</label>
+  <input type="number" id="quantity" name="quantity" min="1" max="5"><br><br>
+  <input type="submit" value="提交">
+</form>
+```
+
+## 定义和用法
+
+`max` 属性指定 `<input>` 元素的最大值。
+
+**提示：** 使用 `max` 属性和 `min` 属性来创建一系列合法值。
+
+**注意：** `max` 和 `min` 属性适用于以下输入类型：数字、范围、日期、本地日期时间、月、时间和周。
+
+## 浏览器支持
+
+表中的数字指定了完全支持该属性的第一个浏览器版本。
+
+| 属性 Attribute | ![chrome][1] | ![edge][2] | ![firefox][3] | ![safari][4] | ![opera][5] |
+| --- | --- | --- | --- | --- | --- |
+| max | 5.0 | 10.0 | 16.0 | 5.1 | 10.6 |
+<!--rehype:style=width: 100%; display: inline-table;-->
+
+## 语法
+
+```html
+<input max="number|date">
+```
+
+## 属性值
+
+| 值 Value | 描述 Description |
+| ----- | ----- |
+| *number* | 指定允许的最大值 |
+| *date*   | 指定允许的最大日期 |
+<!--rehype:style=width: 100%; display: inline-table;-->
+
+[HTML \<input> tag](./input.md "HTML input 标签参考")
+
+[1]: ../assets/chrome.svg
+[2]: ../assets/edge.svg
+[3]: ../assets/firefox.svg
+[4]: ../assets/safari.svg
+[5]: ../assets/opera.svg
+
+