diff --git a/src/components/AccountCreateForm/index.vue b/src/components/AccountCreateUpdateForm/index.vue
similarity index 62%
rename from src/components/AccountCreateForm/index.vue
rename to src/components/AccountCreateUpdateForm/index.vue
index 1122b7c6a..7f93aba22 100644
--- a/src/components/AccountCreateForm/index.vue
+++ b/src/components/AccountCreateUpdateForm/index.vue
@@ -1,5 +1,9 @@
 <template>
-  <AutoDataForm v-loading="loading" v-bind="$data" @submit="confirm" />
+  <AutoDataForm
+    v-bind="$data"
+    @submit="confirm"
+    @afterRemoteMeta="afterGetRemoteMeta"
+  />
 </template>
 
 <script>
@@ -13,7 +17,7 @@ export default {
   props: {
     platform: {
       type: Object,
-      default: () => ({})
+      required: true
     },
     account: {
       type: Object,
@@ -23,17 +27,30 @@ export default {
   data() {
     return {
       loading: true,
+      usernameChanged: false,
       url: '/api/v1/assets/accounts/',
       form: this.account || { },
       fields: [
-        ['Basic', ['username', 'privileged']],
-        ['Auth', ['secret_type', 'password', 'ssh_key', 'token', 'api_key', 'passphrase']],
-        ['Other', ['push_now', 'name', 'comment']]
+        [this.$t('common.Basic'), ['name', 'username', 'privileged']],
+        [this.$t('assets.Secret'), ['secret_type', 'password', 'ssh_key', 'token', 'api_key', 'passphrase']],
+        [this.$t('common.Other'), ['push_now', 'comment']]
       ],
       defaultPrivilegedAccounts: ['root', 'administrator'],
       fieldsMeta: {
+        name: {
+          on: {
+            input: ([value], updateForm) => {
+              if (!this.usernameChanged) {
+                updateForm({ username: value })
+              }
+            }
+          }
+        },
         username: {
           on: {
+            input: ([value], updateForm) => {
+              this.usernameChanged = true
+            },
             change: ([value], updateForm) => {
               if (this.defaultPrivilegedAccounts.indexOf(value.toLowerCase()) > -1) {
                 updateForm({ privileged: true })
@@ -44,20 +61,20 @@ export default {
         password: {
           label: this.$t('assets.Password'),
           component: UpdateToken,
-          hidden: (formValue) => formValue['secret_type'] !== 'password'
+          hidden: (formValue) => formValue.secret_type !== 'password'
         },
         ssh_key: {
-          label: this.$t('assets.SSHPrivateKey'),
+          label: this.$t('assets.PrivateKey'),
           el: {
             type: 'textarea',
             rows: 4
           },
-          hidden: (formValue) => formValue['secret_type'] !== 'ssh_key'
+          hidden: (formValue) => formValue.secret_type !== 'ssh_key'
         },
         passphrase: {
           label: 'Passphrase',
           component: UpdateToken,
-          hidden: (formValue) => formValue['secret_type'] !== 'ssh_key'
+          hidden: (formValue) => formValue.secret_type !== 'ssh_key'
         },
         token: {
           label: 'Token',
@@ -65,7 +82,7 @@ export default {
             type: 'textarea',
             rows: 4
           },
-          hidden: (formValue) => formValue['secret_type'] !== 'token'
+          hidden: (formValue) => formValue.secret_type !== 'token'
         },
         api_key: {
           id: 'api_key',
@@ -74,13 +91,11 @@ export default {
             type: 'textarea',
             rows: 4
           },
-          hidden: (formValue) => formValue['secret_type'] !== 'api_key'
+          hidden: (formValue) => formValue.secret_type !== 'api_key'
         },
         secret_type: {
           type: 'radio-group',
-          options: [
-            { label: 'Password', value: 'password' }
-          ]
+          options: []
         },
         push_now: {
           hidden: () => {
@@ -92,18 +107,10 @@ export default {
     }
   },
   mounted() {
-    this.setSecretTypes().then(() => {
-      this.loading = false
-    })
   },
   methods: {
-    async setSecretTypes() {
-      const options = [
-        { label: 'Password', value: 'password' },
-        { label: 'SSH key', value: 'ssh_key' },
-        { label: 'Token', value: 'token' },
-        { label: 'Api key', value: 'api_key' }
-      ]
+    afterGetRemoteMeta(meta) {
+      const choices = meta.secret_type.choices
       const secretTypes = []
       this.platform.protocols.forEach(p => {
         secretTypes.push(...p['secret_types'])
@@ -111,12 +118,9 @@ export default {
       if (!this.form.secret_type) {
         this.form.secret_type = secretTypes[0]
       }
-      const supportOptions = options.filter(item => {
+      this.fieldsMeta.secret_type.options = choices.filter(item => {
         return secretTypes.indexOf(item.value) > -1
       })
-      if (supportOptions.length > 0) {
-        this.fieldsMeta.secret_type.options = supportOptions
-      }
     },
     confirm(form) {
       if (this.account?.name) {
@@ -124,9 +128,6 @@ export default {
       } else {
         this.$emit('add', form)
       }
-    },
-    hasProtocol(name) {
-      return this.protocols.find(item => item.name === name)
     }
   }
 }
diff --git a/src/components/AccountListTable/AddAccount.vue b/src/components/AccountListTable/AddAccount.vue
index 163a2c439..7b5534b92 100644
--- a/src/components/AccountListTable/AddAccount.vue
+++ b/src/components/AccountListTable/AddAccount.vue
@@ -10,7 +10,9 @@
     v-bind="$attrs"
     v-on="$listeners"
   >
-    <AccountCreateForm
+    <AccountCreateUpdateForm
+      v-if="!loading"
+      :platform="platform"
       :protocols="protocols"
       :account="account"
       @add="addAccount"
@@ -21,12 +23,12 @@
 
 <script>
 import Dialog from '@/components/Dialog'
-import AccountCreateForm from '@/components/AccountCreateForm'
+import AccountCreateUpdateForm from '@/components/AccountCreateUpdateForm'
 export default {
   name: 'CreateAccountDialog',
   components: {
     Dialog,
-    AccountCreateForm
+    AccountCreateUpdateForm
   },
   props: {
     visible: {
@@ -42,15 +44,17 @@ export default {
       default: () => ({
         name: '',
         username: '',
-        password: '',
-        private_key: ''
+        secret: ''
       })
     }
   },
   data() {
     return {
+      loading: true,
+      platform: {}
     }
   },
+
   computed: {
     iVisible: {
       get() {
@@ -64,7 +68,18 @@ export default {
       return this.asset ? this.asset.protocol : []
     }
   },
+  async mounted() {
+    try {
+      await this.getPlatform()
+    } finally {
+      this.loading = false
+    }
+  },
   methods: {
+    async getPlatform() {
+      this.platform = await this.$axios.get(`/api/v1/assets/platforms/${this.asset.platform.id}/`)
+      console.log('Platform: ', this.platform)
+    },
     addAccount(form) {
       const data = { asset: this.asset.id, ...form }
       this.$axios.post(`/api/v1/assets/accounts/`, data)
diff --git a/src/components/AutoDataForm/index.vue b/src/components/AutoDataForm/index.vue
index 7222d0d6c..719a35932 100644
--- a/src/components/AutoDataForm/index.vue
+++ b/src/components/AutoDataForm/index.vue
@@ -76,13 +76,15 @@ export default {
         data = await this.$store.dispatch('common/getUrlMeta', { url: this.url })
       }
       this.remoteMeta = data.actions[this.method.toUpperCase()] || {}
+      this.$emit('afterRemoteMeta', this.remoteMeta)
       this.generateColumns()
+      this.$emit('afterGenerateColumns', this.totalFields)
       this.cleanFormValue()
       this.loading = false
       console.log('Loading: ', this.groups)
     },
     generateColumns() {
-      const generator = new FormFieldGenerator()
+      const generator = new FormFieldGenerator(this.$emit)
       this.totalFields = generator.generateFields(this.fields, this.fieldsMeta, this.remoteMeta)
       this.groups = generator.groups
       this.$log.debug('Total fields: ', this.totalFields)
diff --git a/src/components/AutoDataForm/utils.js b/src/components/AutoDataForm/utils.js
index 1abaa0c06..118979745 100644
--- a/src/components/AutoDataForm/utils.js
+++ b/src/components/AutoDataForm/utils.js
@@ -2,12 +2,13 @@ import Vue from 'vue'
 import Select2 from '@/components/FormFields/Select2'
 import ObjectSelect2 from '@/components/FormFields/NestedObjectSelect2'
 import NestedField from '@/components/AutoDataForm/components/NestedField'
-import Swicher from '@/components/FormFields/Swicher'
+import Switcher from '@/components/FormFields/Switcher'
 import rules from '@/components/DataForm/rules'
 import { assignIfNot } from '@/utils/common'
 
 export class FormFieldGenerator {
-  constructor() {
+  constructor(emit) {
+    this.$emite = emit
     this.groups = []
   }
   generateFieldByType(type, field, fieldMeta, fieldRemoteMeta) {
@@ -62,7 +63,7 @@ export class FormFieldGenerator {
         break
       case 'boolean':
         type = ''
-        field.component = Swicher
+        field.component = Switcher
         break
       case 'object_related_field':
         field.component = ObjectSelect2
diff --git a/src/components/FormFields/AssetAccounts.vue b/src/components/FormFields/AssetAccounts.vue
index a1c6fd3fc..900e61de7 100644
--- a/src/components/FormFields/AssetAccounts.vue
+++ b/src/components/FormFields/AssetAccounts.vue
@@ -52,7 +52,7 @@
 
 <script>
 import Dialog from '@/components/Dialog'
-import AccountCreateForm from '@/components/AccountCreateForm'
+import AccountCreateForm from '@/components/AccountCreateUpdateForm'
 import AutoDataTable from '@/components/AutoDataTable'
 export default {
   name: 'AssetAccounts',
diff --git a/src/components/FormFields/Swicher.vue b/src/components/FormFields/Switcher.vue
similarity index 88%
rename from src/components/FormFields/Swicher.vue
rename to src/components/FormFields/Switcher.vue
index 411336fab..1cad17181 100644
--- a/src/components/FormFields/Swicher.vue
+++ b/src/components/FormFields/Switcher.vue
@@ -10,7 +10,7 @@
 
 <script>
 export default {
-  name: 'Switcher',
+  name: 'Switcher', // 不能叫 Switch，否则会和 js 关键字冲突
   props: {
     type: {
       type: String,
diff --git a/src/components/FormFields/index.js b/src/components/FormFields/index.js
index 4439d4d5c..52bf13cee 100644
--- a/src/components/FormFields/index.js
+++ b/src/components/FormFields/index.js
@@ -1,7 +1,7 @@
 import Link from './Link'
 import PasswordInput from './PasswordInput'
 import Select2 from './Select2'
-import Swicher from './Swicher'
+import Switcher from './Switcher'
 import UploadField from './UploadField'
 import UploadKey from './UploadKey'
 import UserPassword from './UserPassword'
@@ -13,33 +13,33 @@ import NestedObjectSelect2 from './NestedObjectSelect2'
 import DatetimeRangePicker from './DatetimeRangePicker'
 
 export default {
-  DatetimeRangePicker,
-  NestedObjectSelect2,
+  Text,
   Link,
-  PasswordInput,
+  Switcher,
   Select2,
-  Swicher,
   UploadKey,
+  JsonEditor,
+  UpdateToken,
   UploadField,
   UserPassword,
+  PasswordInput,
   WeekCronSelect,
-  UpdateToken,
-  JsonEditor,
-  Text
+  NestedObjectSelect2,
+  DatetimeRangePicker
 }
 
 export {
-  DatetimeRangePicker,
-  NestedObjectSelect2,
+  Text,
   Link,
-  PasswordInput,
+  Switcher,
   Select2,
-  Swicher,
   UploadKey,
+  JsonEditor,
+  UpdateToken,
   UploadField,
   UserPassword,
+  PasswordInput,
   WeekCronSelect,
-  UpdateToken,
-  JsonEditor,
-  Text
+  NestedObjectSelect2,
+  DatetimeRangePicker
 }
diff --git a/src/components/QuickActions/action.vue b/src/components/QuickActions/action.vue
index 0645eba00..9ed23e9a8 100644
--- a/src/components/QuickActions/action.vue
+++ b/src/components/QuickActions/action.vue
@@ -3,14 +3,31 @@
     <td>{{ action.title }}:</td>
     <td>
       <span>
-        <component :is="iType" v-model="action.attrs.model" v-bind="action.attrs" v-on="callbacks">{{ label }}</component>
+        <component
+          :is="iType"
+          v-model="action.attrs.model"
+          v-bind="action.attrs"
+          v-on="callbacks"
+        >
+          {{ label }}
+        </component>
       </span>
     </td>
   </tr>
 </template>
 
 <script>
-import Switcher from '../FormFields/Swicher'
+import Switcher from '../FormFields/Switcher'
+
+class Action {
+  constructor() {
+    this.title = ''
+    this.type = ''
+    this.attrs = {}
+    this.callbacks = ''
+  }
+}
+
 export default {
   name: 'ActionItem',
   components: {
@@ -18,8 +35,8 @@ export default {
   },
   props: {
     action: {
-      type: Object,
-      default: () => ({})
+      type: [Action, Object],
+      default: () => ({ title: '' })
     }
   },
   data() {
@@ -30,7 +47,7 @@ export default {
   computed: {
     iType() {
       switch (this.action.type) {
-        case 'switcher':
+        case 'switch':
           return 'Switcher'
         default:
           return 'el-button'
diff --git a/src/components/index.js b/src/components/index.js
index a3b9176d8..8c5e26a61 100644
--- a/src/components/index.js
+++ b/src/components/index.js
@@ -19,7 +19,7 @@ export { default as SvgIcon } from './SvgIcon'
 export { default as TreeTable } from './TreeTable'
 export { default as IBox } from './IBox'
 export { default as QuickActions } from './QuickActions'
-export { default as Switcher } from './FormFields/Swicher'
+export { default as Switcher } from './FormFields/Switcher'
 export { default as SummaryCard } from './SummaryCard'
 export { default as UploadField } from './FormFields/UploadField'
 export { default as AccountListTable } from './AccountListTable/index'
diff --git a/src/i18n/langs/zh.json b/src/i18n/langs/zh.json
index f00c4e869..e59864dbd 100644
--- a/src/i18n/langs/zh.json
+++ b/src/i18n/langs/zh.json
@@ -96,6 +96,8 @@
     "NoSQLProtocol": "非关系数据库"
   },
   "assets": {
+    "PrivateKey": "密钥",
+    "Secret": "密码",
     "Network": "网络",
     "All": "所有",
     "Cloud": "云服务",
diff --git a/src/styles/element-variables.scss b/src/styles/element-variables.scss
index 52c8fdece..d2b9e0857 100644
--- a/src/styles/element-variables.scss
+++ b/src/styles/element-variables.scss
@@ -596,7 +596,7 @@ $--button-active-shade-percent: 10% !default;
 -------------------------- */
 $--cascader-height: 200px !default;
 
-/* Switch
+/* Switcher
 -------------------------- */
 /// color||Color|0
 $--switch-on-color: $--color-primary !default;
diff --git a/src/views/assets/Asset/AssetCreateUpdate/BaseAssetCreateUpdate.vue b/src/views/assets/Asset/AssetCreateUpdate/BaseAssetCreateUpdate.vue
index 1034e1548..34a5d88e0 100644
--- a/src/views/assets/Asset/AssetCreateUpdate/BaseAssetCreateUpdate.vue
+++ b/src/views/assets/Asset/AssetCreateUpdate/BaseAssetCreateUpdate.vue
@@ -17,6 +17,10 @@ export default {
     addFields: {
       type: Array,
       default: () => []
+    },
+    addFieldsMeta: {
+      type: Object,
+      default: () => ({})
     }
   },
   data() {
@@ -44,7 +48,7 @@ export default {
   },
   computed: {
     iConfig() {
-      const { url, addFields, defaultConfig } = this
+      const { url, addFields, addFieldsMeta, defaultConfig } = this
       // 过滤类型为：null, undefined 的元素
       defaultConfig.fields = defaultConfig.fields.filter(Boolean)
       const config = _.merge(defaultConfig, { url })
@@ -56,6 +60,14 @@ export default {
           config.fields.splice(1, 0, [groupName, adds])
         }
       }
+
+      for (const [name, meta] of Object.entries(addFieldsMeta)) {
+        if (config.fieldsMeta[name]) {
+          config.fieldsMeta[name] = Object.assign(config.fieldsMeta[name], meta)
+        } else {
+          config.fieldsMeta[name] = meta
+        }
+      }
       return config
     }
   },
diff --git a/src/views/assets/Asset/AssetCreateUpdate/WebCreateUpdate.vue b/src/views/assets/Asset/AssetCreateUpdate/WebCreateUpdate.vue
index 775861de8..e2eb5d87a 100644
--- a/src/views/assets/Asset/AssetCreateUpdate/WebCreateUpdate.vue
+++ b/src/views/assets/Asset/AssetCreateUpdate/WebCreateUpdate.vue
@@ -12,8 +12,40 @@ export default {
     return {
       url: '/api/v1/assets/webs/',
       addFields: [
-        [this.$t('common.Selector'), ['username_selector', 'password_selector', 'submit_selector']]
-      ]
+        [this.$t('common.Selector'), [
+          'autofill', 'username_selector',
+          'password_selector', 'submit_selector',
+          'script'
+        ]]
+      ],
+      addFieldsMeta: {
+        protocols: {
+          hidden: (formValue) => {
+            const address = formValue['address']
+            if (!address) return
+            let port = address.startsWith('https://') ? 443 : 80
+            try {
+              const url = new URL(address)
+              if (url.port) { port = url.port }
+            } catch (e) {
+              // pass
+            }
+            formValue['protocols'][0].port = port
+          }
+        },
+        username_selector: {
+          hidden: (formValue) => formValue['autofill'] !== 'basic'
+        },
+        password_selector: {
+          hidden: (formValue) => formValue['autofill'] !== 'basic'
+        },
+        submit_selector: {
+          hidden: (formValue) => formValue['autofill'] !== 'basic'
+        },
+        script: {
+          hidden: (formValue) => formValue['autofill'] !== 'script'
+        }
+      }
     }
   }
 }
diff --git a/src/views/assets/Asset/AssetDetail/Account.vue b/src/views/assets/Asset/AssetDetail/Account.vue
index 8dfe994c7..41e12dbc9 100644
--- a/src/views/assets/Asset/AssetDetail/Account.vue
+++ b/src/views/assets/Asset/AssetDetail/Account.vue
@@ -5,11 +5,11 @@
         <AccountListTable
           ref="ListTable"
           :asset="object"
-          :url="assetUserUrl"
+          :url="url"
           :has-import="false"
           :has-clone="false"
           :has-left-actions="true"
-          :columns="assetAccountColumns"
+          :columns="columns"
         />
       </el-col>
       <el-col :md="8" :sm="24">
@@ -38,9 +38,9 @@ export default {
   },
   data() {
     return {
-      assetUserUrl: `/api/v1/assets/accounts/?asset=${this.object.id}`,
-      assetAccountColumns: [
-        'username', 'version', 'privlieged', 'connectivity',
+      url: `/api/v1/assets/accounts/?asset=${this.object.id}`,
+      columns: [
+        'username', 'version', 'privileged', 'connectivity',
         'date_created', 'date_updated', 'actions'
       ],
       quickActions: [
diff --git a/src/views/profile/ProfileInfo.vue b/src/views/profile/ProfileInfo.vue
index e1c3e8491..2fc36f842 100644
--- a/src/views/profile/ProfileInfo.vue
+++ b/src/views/profile/ProfileInfo.vue
@@ -15,13 +15,13 @@
         <el-col :md="10" :sm="24">
           <QuickActions
             type="primary"
-            :title="this.$t('users.AuthSettings')"
+            :title="this.$tc('users.AuthSettings')"
             :actions="authQuickActions"
           />
           <QuickActions
             type="info"
             style="margin-top: 15px"
-            :title="this.$t('users.MessageSubscription')"
+            :title="this.$tc('users.MessageSubscription')"
             fa="fa-info-circle"
             :actions="messageSubscriptionQuickActions"
           />
@@ -156,7 +156,7 @@ export default {
       messageSubscriptionQuickActions: [
         {
           title: this.$t('notifications.SiteMessage'),
-          type: 'switcher',
+          type: 'switch',
           attrs: {
             disabled: true,
             name: 'site_msg',
@@ -168,7 +168,7 @@ export default {
         },
         {
           title: this.$t('setting.Email'),
-          type: 'switcher',
+          type: 'switch',
           attrs: {
             name: 'email',
             model: this.object.receive_backends.indexOf('email') !== -1