diff --git a/web/views/@default/dns/providers/createPopup.html b/web/views/@default/dns/providers/createPopup.html
index 5a19d966..0b7b0f64 100644
--- a/web/views/@default/dns/providers/createPopup.html
+++ b/web/views/@default/dns/providers/createPopup.html
@@ -301,6 +301,17 @@
             </tr>
         </tbody>
 
+        <!-- bunny.net -->
+        <tbody v-if="type == 'bunnyNet'">
+            <tr>
+                <td>API密钥 *</td>
+                <td>
+                    <input type="text" name="paramBunnyNetAPIKey" maxlength="100" spellcheck="false"/>
+                    <p class="comment">在“Edit account details" -- "API Key"中获取。<mask-warning></mask-warning></p>
+                </td>
+            </tr>
+        </tbody>
+
         <!-- EdgeDNS -->
         <tbody v-if="type == 'localEdgeDNS'">
             <tr>
diff --git a/web/views/@default/dns/providers/provider.html b/web/views/@default/dns/providers/provider.html
index e8659606..9a6eff47 100644
--- a/web/views/@default/dns/providers/provider.html
+++ b/web/views/@default/dns/providers/provider.html
@@ -224,6 +224,16 @@
         </tr>
     </tbody>
 
+    <!-- bunny.net -->
+    <tbody v-if="provider.type == 'bunnyNet'">
+        <tr>
+            <td class="color-border">API密钥</td>
+            <td>
+                {{provider.apiParams.apiKey}}
+            </td>
+        </tr>
+    </tbody>
+
     <!-- Local EdgeDNS -->
     <tbody v-if="provider.type == 'localEdgeDNS'">
         <tr>
diff --git a/web/views/@default/dns/providers/updatePopup.html b/web/views/@default/dns/providers/updatePopup.html
index d340f008..782d4190 100644
--- a/web/views/@default/dns/providers/updatePopup.html
+++ b/web/views/@default/dns/providers/updatePopup.html
@@ -302,6 +302,17 @@
             </tr>
         </tbody>
 
+        <!-- bunny.net -->
+        <tbody v-if="provider.type == 'bunnyNet'">
+            <tr>
+                <td>API密钥 *</td>
+                <td>
+                    <input type="text" name="paramBunnyNetAPIKey" maxlength="100" spellcheck="false" v-model="provider.params.apiKey"/>
+                    <p class="comment">在“Edit account details" -- "API Key"中获取。<mask-warning></mask-warning></p>
+                </td>
+            </tr>
+        </tbody>
+
         <!-- EdgeDNS -->
         <tbody v-if="provider.type == 'localEdgeDNS'">
             <tr>