diff --git a/packages/tdesign-miniprogram/site/docs/overview.en-US.md b/packages/tdesign-miniprogram/site/docs/overview.en-US.md
index 2dfc9d038..319f4a799 100644
--- a/packages/tdesign-miniprogram/site/docs/overview.en-US.md
+++ b/packages/tdesign-miniprogram/site/docs/overview.en-US.md
@@ -124,7 +124,7 @@ spline: explain
   </div>
 </section>
 
-<h3>Form<em class="tag">16</em></h3>
+<h3>Form<em class="tag">17</em></h3>
 <section class="image-group">
   <div class="image-wrapper">
     <a class="item" href="/miniprogram/components/calendar-en">
@@ -160,6 +160,13 @@ spline: explain
       <img class="__dark__" src="https://tdesign.gtimg.com/site/mobile/doc-datetimepicker-dark.png" />
       <p class="name">DateTimePicker</p>
     </a>
+  </div>
+   <div class="image-wrapper">
+    <a class="item" href="/miniprogram/components/form-en">
+      <img class="__light__" src="https://tdesign.gtimg.com/site/mobile/doc-form.png" />
+      <img class="__dark__" src="https://tdesign.gtimg.com/site/mobile/doc-form-dark.png" />
+      <p class="name">Form</p>
+    </a>
   </div>
   <div class="image-wrapper">
     <a class="item" href="/miniprogram/components/input-en">
@@ -406,7 +413,7 @@ spline: explain
   </div>
 </section>
 
-<h3>Feedback<em class="tag">10</em></h3>
+<h3>Feedback<em class="tag">13</em></h3>
 <section class="image-group">
   <div class="image-wrapper">
     <a class="item" href="/miniprogram/components/action-sheet-en">
diff --git a/packages/tdesign-miniprogram/site/docs/overview.md b/packages/tdesign-miniprogram/site/docs/overview.md
index 2cf4ea685..2a6cac8e8 100644
--- a/packages/tdesign-miniprogram/site/docs/overview.md
+++ b/packages/tdesign-miniprogram/site/docs/overview.md
@@ -123,7 +123,7 @@ spline: explain
   </div>
 </section>
 
-<h3>输入<em class="tag">16</em></h3>
+<h3>输入<em class="tag">17</em></h3>
 <section class="image-group">
   <div class="image-wrapper">
     <a class="item" href="/miniprogram/components/calendar">
@@ -159,6 +159,13 @@ spline: explain
       <img class="__dark__" src="https://tdesign.gtimg.com/site/mobile/doc-datetimepicker-dark.png" />
       <p class="name">DateTimePicker 日期选择器</p>
     </a>
+  </div>
+   <div class="image-wrapper">
+    <a class="item" href="/miniprogram/components/form">
+      <img class="__light__" src="https://tdesign.gtimg.com/site/mobile/doc-form.png" />
+      <img class="__dark__" src="https://tdesign.gtimg.com/site/mobile/doc-form-dark.png" />
+      <p class="name">Form 表单</p>
+    </a>
   </div>
   <div class="image-wrapper">
     <a class="item" href="/miniprogram/components/input">
@@ -405,7 +412,7 @@ spline: explain
   </div>
 </section>
 
-<h3>反馈<em class="tag">12</em></h3>
+<h3>反馈<em class="tag">13</em></h3>
 <section class="image-group">
   <div class="image-wrapper">
     <a class="item" href="/miniprogram/components/action-sheet">