diff --git a/web/html/xui/form/protocol/shadowsocks.html b/web/html/xui/form/protocol/shadowsocks.html
index 3e325cbb..59ac4b78 100644
--- a/web/html/xui/form/protocol/shadowsocks.html
+++ b/web/html/xui/form/protocol/shadowsocks.html
@@ -30,7 +30,7 @@
                     </td>
                 </tr>
                 <tr>
-                    <td>Subscription</td>
+                    <td>Subscription <a-icon @click="client.subId = RandomUtil.randomText()" type="sync"></a-icon></td>
                     <td>
                         <a-form-item v-if="client.email">
                             <a-input v-model.trim="client.subId" style="width: 200px;"></a-input>
diff --git a/web/html/xui/form/protocol/trojan.html b/web/html/xui/form/protocol/trojan.html
index bb0e9c37..0fd73340 100644
--- a/web/html/xui/form/protocol/trojan.html
+++ b/web/html/xui/form/protocol/trojan.html
@@ -28,7 +28,7 @@
                 </td>
             </tr>
             <tr>
-                <td>Subscription</td>
+                <td>Subscription <a-icon @click="client.subId = RandomUtil.randomText()" type="sync"></a-icon></td>
                 <td>
                     <a-form-item v-if="client.email">
                         <a-input v-model.trim="client.subId" style="width: 200px;"></a-input>
diff --git a/web/html/xui/form/protocol/vless.html b/web/html/xui/form/protocol/vless.html
index d39bc061..494667e2 100644
--- a/web/html/xui/form/protocol/vless.html
+++ b/web/html/xui/form/protocol/vless.html
@@ -20,7 +20,7 @@
                 </td>
             </tr>
             <tr>
-                <td>id</td>
+                <td>ID <a-icon @click="client.id = RandomUtil.randomUUID()" type="sync"></a-icon></td>
                 <td>
                     <a-form-item>
                         <a-input v-model.trim="client.id" style="width: 200px;"></a-input>
@@ -39,7 +39,7 @@
                 </td>
             </tr>
             <tr>
-                <td>Subscription</td>
+                <td>Subscription <a-icon @click="client.subId = RandomUtil.randomText()" type="sync"></a-icon></td>
                 <td>
                     <a-form-item v-if="client.email">
                         <a-input v-model.trim="client.subId" style="width: 200px;"></a-input>
diff --git a/web/html/xui/form/protocol/vmess.html b/web/html/xui/form/protocol/vmess.html
index da20caec..a1cba971 100644
--- a/web/html/xui/form/protocol/vmess.html
+++ b/web/html/xui/form/protocol/vmess.html
@@ -20,7 +20,7 @@
                 </td>
             </tr>
             <tr>
-                <td>id</td>
+                <td>ID <a-icon @click="client.id = RandomUtil.randomUUID()" type="sync"></a-icon></td>
                 <td>
                     <a-form-item>
                         <a-input v-model.trim="client.id" style="width: 200px;"></a-input>
@@ -36,7 +36,7 @@
                 </td>
             </tr>
             <tr>
-                <td>Subscription</td>
+                <td>Subscription <a-icon @click="client.subId = RandomUtil.randomText()" type="sync"></a-icon></td>
                 <td>
                     <a-form-item v-if="client.email">
                         <a-input v-model.trim="client.subId" style="width: 200px;"></a-input>