diff --git a/ui/src/components/view/ListResourceTable.vue b/ui/src/components/view/ListResourceTable.vue
index c498d16e583..dea774c63e5 100644
--- a/ui/src/components/view/ListResourceTable.vue
+++ b/ui/src/components/view/ListResourceTable.vue
@@ -22,7 +22,8 @@
       style="width: 25vw;float: right;margin-bottom: 10px; z-index: 8"
       :placeholder="$t('label.search')"
       v-model="filter"
-      @search="handleSearch" />
+      @search="handleSearch"
+      autoFocus />
 
     <a-table
       size="small"
diff --git a/ui/src/components/view/ResourceLimitTab.vue b/ui/src/components/view/ResourceLimitTab.vue
index 3a9b41a3678..7a020f38af5 100644
--- a/ui/src/components/view/ResourceLimitTab.vue
+++ b/ui/src/components/view/ResourceLimitTab.vue
@@ -34,6 +34,7 @@
           v-decorator="[item.resourcetype, {
             initialValue: item.max
           }]"
+          :autoFocus="index === 0"
         />
       </a-form-item>
       <div class="card-footer">
diff --git a/ui/src/views/AutogenView.vue b/ui/src/views/AutogenView.vue
index efb11763162..9a7cdc38155 100644
--- a/ui/src/views/AutogenView.vue
+++ b/ui/src/views/AutogenView.vue
@@ -173,7 +173,7 @@
                   }]"
                   v-model="formModel[field.name]"
                   :placeholder="field.description"
-                  :autoFocus="fieldIndex === 0"
+                  :autoFocus="fieldIndex === firstIndex"
                 />
               </span>
               <span v-else-if="currentAction.mapping && field.name in currentAction.mapping && currentAction.mapping[field.name].options">
@@ -183,6 +183,7 @@
                     rules: [{ required: field.required, message: `${$t('message.error.select')}` }]
                   }]"
                   :placeholder="field.description"
+                  :autoFocus="fieldIndex === firstIndex"
                 >
                   <a-select-option key="" >{{ }}</a-select-option>
                   <a-select-option v-for="(opt, optIndex) in currentAction.mapping[field.name].options" :key="optIndex">
@@ -204,6 +205,7 @@
                   :filterOption="(input, option) => {
                     return option.componentOptions.children[0].text.toLowerCase().indexOf(input.toLowerCase()) >= 0
                   }"
+                  :autoFocus="fieldIndex === firstIndex"
                 >
                   <a-select-option key="">{{ }}</a-select-option>
                   <a-select-option v-for="(opt, optIndex) in field.opts" :key="optIndex">
@@ -224,6 +226,7 @@
                   :filterOption="(input, option) => {
                     return option.componentOptions.children[0].text.toLowerCase().indexOf(input.toLowerCase()) >= 0
                   }"
+                  :autoFocus="fieldIndex === firstIndex"
                 >
                   <a-select-option key="">{{ }}</a-select-option>
                   <a-select-option v-for="opt in field.opts" :key="opt.id">
@@ -239,6 +242,7 @@
                     rules: [{ required: field.required, message: `${$t('message.error.select')}` }]
                   }]"
                   :placeholder="field.description"
+                  :autoFocus="fieldIndex === firstIndex"
                 >
                   <a-select-option v-for="(opt, optIndex) in field.opts" :key="optIndex">
                     {{ opt.name && opt.type ? opt.name + ' (' + opt.type + ')' : opt.name || opt.description }}
@@ -247,7 +251,7 @@
               </span>
               <span v-else-if="field.type==='long'">
                 <a-input-number
-                  :autoFocus="fieldIndex === 0"
+                  :autoFocus="fieldIndex === firstIndex"
                   style="width: 100%;"
                   v-decorator="[field.name, {
                     rules: [{ required: field.required, message: `${$t('message.validate.number')}` }]
@@ -270,6 +274,7 @@
                   }]"
                   :placeholder="field.description"
                   @blur="($event) => handleConfirmBlur($event, field.name)"
+                  :autoFocus="fieldIndex === firstIndex"
                 />
               </span>
               <span v-else-if="field.name==='certificate' || field.name==='privatekey' || field.name==='certchain'">
@@ -279,11 +284,12 @@
                     rules: [{ required: field.required, message: `${$t('message.error.required.input')}` }]
                   }]"
                   :placeholder="field.description"
+                  :autoFocus="fieldIndex === firstIndex"
                 />
               </span>
               <span v-else>
                 <a-input
-                  :autoFocus="fieldIndex === 0"
+                  :autoFocus="fieldIndex === firstIndex"
                   v-decorator="[field.name, {
                     rules: [{ required: field.required, message: `${$t('message.error.required.input')}` }]
                   }]"
@@ -394,7 +400,8 @@ export default {
       searchParams: {},
       actions: [],
       formModel: {},
-      confirmDirty: false
+      confirmDirty: false,
+      firstIndex: 0
     }
   },
   beforeCreate () {
@@ -756,6 +763,7 @@ export default {
           })
         }
       }
+      this.getFirstIndexFocus()
 
       this.showAction = true
       for (const param of this.currentAction.paramFields) {
@@ -771,6 +779,16 @@ export default {
         this.fillEditFormFieldValues()
       }
     },
+    getFirstIndexFocus () {
+      this.firstIndex = 0
+      for (let fieldIndex = 0; fieldIndex < this.currentAction.paramFields.length; fieldIndex++) {
+        const field = this.currentAction.paramFields[fieldIndex]
+        if (!(this.currentAction.mapping && field.name in this.currentAction.mapping && this.currentAction.mapping[field.name].value)) {
+          this.firstIndex = fieldIndex
+          break
+        }
+      }
+    },
     listUuidOpts (param) {
       if (this.currentAction.mapping && param.name in this.currentAction.mapping && !this.currentAction.mapping[param.name].api) {
         return
diff --git a/ui/src/views/compute/AssignInstance.vue b/ui/src/views/compute/AssignInstance.vue
index 3d83f3ff756..a80187b7b03 100644
--- a/ui/src/views/compute/AssignInstance.vue
+++ b/ui/src/views/compute/AssignInstance.vue
@@ -29,7 +29,7 @@
 
       <div class="form__item">
         <p class="form__label">{{ $t('label.accounttype') }}</p>
-        <a-select v-model="selectedAccountType" defaultValue="account">
+        <a-select v-model="selectedAccountType" defaultValue="account" autoFocus>
           <a-select-option :value="$t('label.account')">{{ $t('label.account') }}</a-select-option>
           <a-select-option :value="$t('label.project')">{{ $t('label.project') }}</a-select-option>
         </a-select>
diff --git a/ui/src/views/compute/AttachIso.vue b/ui/src/views/compute/AttachIso.vue
index 947201171df..3c62c4cea21 100644
--- a/ui/src/views/compute/AttachIso.vue
+++ b/ui/src/views/compute/AttachIso.vue
@@ -26,7 +26,8 @@
             v-decorator="['id', {
               initialValue: this.selectedIso,
               rules: [{ required: true, message: `${this.$t('label.required')}`}]
-            }]" >
+            }]"
+            autoFocus>
             <a-select-option v-for="iso in isos" :key="iso.id">
               {{ iso.displaytext || iso.name }}
             </a-select-option>
diff --git a/ui/src/views/compute/ChangeAffinity.vue b/ui/src/views/compute/ChangeAffinity.vue
index 9482ccf15a7..d6bdc1b9cd1 100644
--- a/ui/src/views/compute/ChangeAffinity.vue
+++ b/ui/src/views/compute/ChangeAffinity.vue
@@ -29,7 +29,8 @@
         style="margin-bottom: 10px;"
         :placeholder="$t('label.search')"
         v-model="filter"
-        @search="handleSearch" />
+        @search="handleSearch"
+        autoFocus />
     </div>
 
     <div class="form__item">
diff --git a/ui/src/views/compute/CreateKubernetesCluster.vue b/ui/src/views/compute/CreateKubernetesCluster.vue
index 9759a5d9055..660505f22b8 100644
--- a/ui/src/views/compute/CreateKubernetesCluster.vue
+++ b/ui/src/views/compute/CreateKubernetesCluster.vue
@@ -33,7 +33,8 @@
             v-decorator="['name', {
               rules: [{ required: true, message: $t('message.error.kubecluster.name') }]
             }]"
-            :placeholder="apiParams.name.description"/>
+            :placeholder="apiParams.name.description"
+            autoFocus />
         </a-form-item>
         <a-form-item>
           <span slot="label">
diff --git a/ui/src/views/compute/CreateSSHKeyPair.vue b/ui/src/views/compute/CreateSSHKeyPair.vue
index ba58a0ee79d..62a2bdf475c 100644
--- a/ui/src/views/compute/CreateSSHKeyPair.vue
+++ b/ui/src/views/compute/CreateSSHKeyPair.vue
@@ -28,7 +28,8 @@
             v-decorator="['name', {
               rules: [{ required: true, message: $t('message.error.name') }]
             }]"
-            :placeholder="apiParams.name.description"/>
+            :placeholder="apiParams.name.description"
+            autoFocus />
         </a-form-item>
         <a-form-item :label="$t('label.publickey')">
           <a-input
diff --git a/ui/src/views/compute/CreateSnapshotWizard.vue b/ui/src/views/compute/CreateSnapshotWizard.vue
index bf9d9ddd25b..b4121bc80ed 100644
--- a/ui/src/views/compute/CreateSnapshotWizard.vue
+++ b/ui/src/views/compute/CreateSnapshotWizard.vue
@@ -36,7 +36,8 @@
               rules: [{ required: true, message: $t('message.error.select') }]
             }]"
             @change="onChangeVolume"
-            :placeholder="apiParams.volumeid.description">
+            :placeholder="apiParams.volumeid.description"
+            autoFocus>
             <a-select-option
               v-for="volume in listVolumes"
               :key="volume.id">
diff --git a/ui/src/views/compute/DeployVM.vue b/ui/src/views/compute/DeployVM.vue
index c4c20dee039..ae8593a9ca3 100644
--- a/ui/src/views/compute/DeployVM.vue
+++ b/ui/src/views/compute/DeployVM.vue
@@ -41,6 +41,7 @@
                         :options="zoneSelectOptions"
                         @change="onSelectZoneId"
                         :loading="loading.zones"
+                        autoFocus
                       ></a-select>
                     </a-form-item>
                     <a-form-item
@@ -479,6 +480,7 @@
                       v-if="vm.templateid && ['KVM', 'VMware'].includes(hypervisor) && !template.deployasis">
                       <a-form-item :label="$t('label.boottype')">
                         <a-select
+                          :autoFocus="vm.templateid && ['KVM', 'VMware'].includes(hypervisor) && !template.deployasis"
                           v-decorator="['boottype']"
                           @change="fetchBootModes"
                         >
diff --git a/ui/src/views/compute/DestroyVM.vue b/ui/src/views/compute/DestroyVM.vue
index 638097d2947..f0dedee059d 100644
--- a/ui/src/views/compute/DestroyVM.vue
+++ b/ui/src/views/compute/DestroyVM.vue
@@ -44,7 +44,8 @@
             v-decorator="['volumeids']"
             :placeholder="$t('label.delete.volumes')"
             mode="multiple"
-            :loading="loading">
+            :loading="loading"
+            :autoFocus="$store.getters.userInfo.roletype !== 'Admin' && !$store.getters.features.allowuserexpungerecovervm">
             <a-select-option v-for="volume in volumes" :key="volume.id">
               {{ volume.name }}
             </a-select-option>
diff --git a/ui/src/views/compute/EditVM.vue b/ui/src/views/compute/EditVM.vue
index ece9061f19e..c9f342ba392 100644
--- a/ui/src/views/compute/EditVM.vue
+++ b/ui/src/views/compute/EditVM.vue
@@ -30,7 +30,8 @@
           </a-tooltip>
         </span>
         <a-input
-          v-decorator="['name', { initialValue: resource.name || '' }]" />
+          v-decorator="['name', { initialValue: resource.name || '' }]"
+          autoFocus />
       </a-form-item>
       <a-form-item>
         <span slot="label">
diff --git a/ui/src/views/compute/InstanceTab.vue b/ui/src/views/compute/InstanceTab.vue
index fd11d762c44..29a5cdedebd 100644
--- a/ui/src/views/compute/InstanceTab.vue
+++ b/ui/src/views/compute/InstanceTab.vue
@@ -165,7 +165,7 @@
       {{ $t('message.network.addvm.desc') }}
       <div class="modal-form">
         <p class="modal-form__label">{{ $t('label.network') }}:</p>
-        <a-select :defaultValue="addNetworkData.network" @change="e => addNetworkData.network = e">
+        <a-select :defaultValue="addNetworkData.network" @change="e => addNetworkData.network = e" autoFocus>
           <a-select-option
             v-for="network in addNetworkData.allNetworks"
             :key="network.id"
@@ -195,14 +195,16 @@
           showSearch
           v-if="editNicResource.type==='Shared'"
           v-model="editIpAddressValue"
-          :loading="listIps.loading">
+          :loading="listIps.loading"
+          :autoFocus="editNicResource.type==='Shared'">
           <a-select-option v-for="ip in listIps.opts" :key="ip.ipaddress">
             {{ ip.ipaddress }}
           </a-select-option>
         </a-select>
         <a-input
           v-else
-          v-model="editIpAddressValue"></a-input>
+          v-model="editIpAddressValue"
+          :autoFocus="editNicResource.type!=='Shared'"></a-input>
       </div>
     </a-modal>
 
@@ -218,7 +220,7 @@
         {{ $t('message.network.secondaryip') }}
       </p>
       <a-divider />
-      <a-input :placeholder="$t('label.new.secondaryip.description')" v-model="newSecondaryIp"></a-input>
+      <a-input :placeholder="$t('label.new.secondaryip.description')" v-model="newSecondaryIp" autoFocus></a-input>
       <div style="margin-top: 10px; display: flex; justify-content:flex-end;">
         <a-button @click="submitSecondaryIP" type="primary" style="margin-right: 10px;">{{ $t('label.add.secondary.ip') }}</a-button>
         <a-button @click="closeModals">{{ $t('label.close') }}</a-button>
diff --git a/ui/src/views/compute/MigrateWizard.vue b/ui/src/views/compute/MigrateWizard.vue
index 9f050cda20f..f0afac93c3b 100644
--- a/ui/src/views/compute/MigrateWizard.vue
+++ b/ui/src/views/compute/MigrateWizard.vue
@@ -21,7 +21,8 @@
       :placeholder="$t('label.search')"
       v-model="searchQuery"
       style="margin-bottom: 10px;"
-      @search="fetchData" />
+      @search="fetchData"
+      autoFocus />
     <a-table
       size="small"
       style="overflow-y: auto"
diff --git a/ui/src/views/compute/ScaleKubernetesCluster.vue b/ui/src/views/compute/ScaleKubernetesCluster.vue
index 8ebc1fb29e8..e5983d51532 100644
--- a/ui/src/views/compute/ScaleKubernetesCluster.vue
+++ b/ui/src/views/compute/ScaleKubernetesCluster.vue
@@ -45,7 +45,8 @@
                 }
               }]
             }]"
-            :placeholder="apiParams.size.description"/>
+            :placeholder="apiParams.size.description"
+            autoFocus />
         </a-form-item>
         <a-form-item>
           <span slot="label">
diff --git a/ui/src/views/compute/StartVirtualMachine.vue b/ui/src/views/compute/StartVirtualMachine.vue
index 4fec9913cc9..5be132ac808 100644
--- a/ui/src/views/compute/StartVirtualMachine.vue
+++ b/ui/src/views/compute/StartVirtualMachine.vue
@@ -43,7 +43,8 @@
               }"
               :loading="podsLoading"
               :placeholder="apiParams.podid.description"
-              @change="handlePodChange">
+              @change="handlePodChange"
+              :autoFocus="this.$store.getters.userInfo.roletype === 'Admin'">
               <a-select-option v-for="pod in this.pods" :key="pod.id">
                 {{ pod.name }}
               </a-select-option>
diff --git a/ui/src/views/compute/UpgradeKubernetesCluster.vue b/ui/src/views/compute/UpgradeKubernetesCluster.vue
index 18b51b21ca1..9d94e59919a 100644
--- a/ui/src/views/compute/UpgradeKubernetesCluster.vue
+++ b/ui/src/views/compute/UpgradeKubernetesCluster.vue
@@ -44,7 +44,8 @@
               return option.componentOptions.children[0].text.toLowerCase().indexOf(input.toLowerCase()) >= 0
             }"
             :loading="kubernetesVersionLoading"
-            :placeholder="apiParams.kubernetesversionid.description">
+            :placeholder="apiParams.kubernetesversionid.description"
+            autoFocus >
             <a-select-option v-for="(opt, optIndex) in this.kubernetesVersions" :key="optIndex">
               {{ opt.name || opt.description }}
             </a-select-option>
diff --git a/ui/src/views/compute/backup/FormSchedule.vue b/ui/src/views/compute/backup/FormSchedule.vue
index c30b3e24158..e61efc8dfbb 100644
--- a/ui/src/views/compute/backup/FormSchedule.vue
+++ b/ui/src/views/compute/backup/FormSchedule.vue
@@ -61,7 +61,8 @@
                       rules: [{required: true, message: $t('message.error.required.input')}]
                     }]"
                     :min="1"
-                    :max="59"/>
+                    :max="59"
+                    autoFocus />
                 </a-tooltip>
               </a-form-item>
             </a-col>
diff --git a/ui/src/views/compute/wizard/ComputeOfferingSelection.vue b/ui/src/views/compute/wizard/ComputeOfferingSelection.vue
index f1a6128872e..117a7c062cd 100644
--- a/ui/src/views/compute/wizard/ComputeOfferingSelection.vue
+++ b/ui/src/views/compute/wizard/ComputeOfferingSelection.vue
@@ -21,7 +21,8 @@
       style="width: 25vw;float: right;margin-bottom: 10px; z-index: 8"
       :placeholder="$t('label.search')"
       v-model="filter"
-      @search="handleSearch" />
+      @search="handleSearch"
+      autoFocus />
     <a-table
       :columns="columns"
       :dataSource="tableSource"
diff --git a/ui/src/views/compute/wizard/ComputeSelection.vue b/ui/src/views/compute/wizard/ComputeSelection.vue
index 46a9f73dd9c..df178a8922d 100644
--- a/ui/src/views/compute/wizard/ComputeSelection.vue
+++ b/ui/src/views/compute/wizard/ComputeSelection.vue
@@ -35,6 +35,7 @@
               </a-col>
               <a-col :md="4" :lg="4">
                 <a-input-number
+                  :autoFocus="isConstrained"
                   v-model="cpuNumberInputValue"
                   @change="($event) => updateComputeCpuNumber($event)"
                 />
@@ -48,6 +49,7 @@
             :validate-status="errors.cpuspeed.status"
             :help="errors.cpuspeed.message">
             <a-input-number
+              :autoFocus="!isConstrained"
               v-model="cpuSpeedInputValue"
               @change="($event) => updateComputeCpuSpeed($event)"
             />
diff --git a/ui/src/views/compute/wizard/DiskSizeSelection.vue b/ui/src/views/compute/wizard/DiskSizeSelection.vue
index dcea64026f2..57e8e89b7f4 100644
--- a/ui/src/views/compute/wizard/DiskSizeSelection.vue
+++ b/ui/src/views/compute/wizard/DiskSizeSelection.vue
@@ -23,6 +23,7 @@
       <a-col :md="4" :lg="4">
         <span style="display: inline-flex">
           <a-input-number
+            autoFocus
             v-model="inputValue"
             @change="($event) => updateDiskSize($event)"
           />
diff --git a/ui/src/views/compute/wizard/MultiDiskSelection.vue b/ui/src/views/compute/wizard/MultiDiskSelection.vue
index 998fdbe7d3b..630d3b4652b 100644
--- a/ui/src/views/compute/wizard/MultiDiskSelection.vue
+++ b/ui/src/views/compute/wizard/MultiDiskSelection.vue
@@ -28,6 +28,7 @@
 
       <span slot="offering" slot-scope="text, record">
         <a-select
+          autoFocus
           v-if="validOfferings[record.id] && validOfferings[record.id].length > 0"
           @change="updateOffering($event, record.id)"
           :defaultValue="validOfferings[record.id][0].id">
diff --git a/ui/src/views/compute/wizard/NetworkConfiguration.vue b/ui/src/views/compute/wizard/NetworkConfiguration.vue
index 7bd17f4b69b..5a9c7ed0d1d 100644
--- a/ui/src/views/compute/wizard/NetworkConfiguration.vue
+++ b/ui/src/views/compute/wizard/NetworkConfiguration.vue
@@ -30,9 +30,10 @@
       <div>{{ text }}</div>
       <small v-if="record.type!=='L2'">{{ $t('label.cidr') + ': ' + record.cidr }}</small>
     </template>
-    <template slot="ipAddress" slot-scope="text, record">
-      <a-form-item v-if="record.type!=='L2'">
+    <template slot="ipAddress" slot-scope="text, record, index">
+      <a-form-item v-if="record.type!=='L2' && index === 0">
         <a-input
+          :autoFocus="record.type!=='L2'"
           style="width: 150px;"
           v-decorator="['ipAddress' + record.id, {
             rules: [{
@@ -49,9 +50,10 @@
         </a-input>
       </a-form-item>
     </template>
-    <template slot="macAddress" slot-scope="text, record">
+    <template slot="macAddress" slot-scope="text, record, index">
       <a-form-item>
         <a-input
+          :autoFocus="record.type==='L2' && index === 0"
           style="width: 150px;"
           :placeholder="$t('label.macaddress')"
           v-decorator="[`macAddress` + record.id, {
diff --git a/ui/src/views/iam/AddAccount.vue b/ui/src/views/iam/AddAccount.vue
index 38288f550c5..eab6ef37a02 100644
--- a/ui/src/views/iam/AddAccount.vue
+++ b/ui/src/views/iam/AddAccount.vue
@@ -31,7 +31,8 @@
               initialValue: selectedRole,
               rules: [{ required: true, message: $t('message.error.select') }] }]"
             :loading="roleLoading"
-            :placeholder="apiParams.roleid.description">
+            :placeholder="apiParams.roleid.description"
+            autoFocus>
             <a-select-option v-for="role in roles" :key="role.id">
               {{ role.name + ' (' + role.type + ')' }}
             </a-select-option>
diff --git a/ui/src/views/iam/AddLdapAccount.vue b/ui/src/views/iam/AddLdapAccount.vue
index 50806d18f10..4152ebcb489 100644
--- a/ui/src/views/iam/AddLdapAccount.vue
+++ b/ui/src/views/iam/AddLdapAccount.vue
@@ -50,7 +50,7 @@
             @submit="handleSubmit"
             layout="vertical" >
             <a-form-item :label="$t('label.filterby')">
-              <a-select @change="fetchListLdapUsers" v-model="selectedFilter" >
+              <a-select @change="fetchListLdapUsers" v-model="selectedFilter" autoFocus >
                 <a-select-option v-for="opt in filters" :key="opt.id" >
                   {{ opt.name }}
                 </a-select-option>
diff --git a/ui/src/views/iam/AddUser.vue b/ui/src/views/iam/AddUser.vue
index d7121ea9cbb..edffb4fb424 100644
--- a/ui/src/views/iam/AddUser.vue
+++ b/ui/src/views/iam/AddUser.vue
@@ -30,7 +30,8 @@
             v-decorator="['username', {
               rules: [{ required: true, message: $t('message.error.required.input') }]
             }]"
-            :placeholder="apiParams.username.description" />
+            :placeholder="apiParams.username.description"
+            autoFocus/>
         </a-form-item>
         <a-row :gutter="12">
           <a-col :md="24" :lg="12">
diff --git a/ui/src/views/iam/ChangeUserPassword.vue b/ui/src/views/iam/ChangeUserPassword.vue
index 698d2fb5f45..27fc269bf38 100644
--- a/ui/src/views/iam/ChangeUserPassword.vue
+++ b/ui/src/views/iam/ChangeUserPassword.vue
@@ -33,7 +33,8 @@
             v-decorator="['currentpassword', {
               rules: [{ required: true, message: $t('message.error.current.password') }]
             }]"
-            :placeholder="$t('message.error.current.password')"/>
+            :placeholder="$t('message.error.current.password')"
+            autoFocus />
         </a-form-item>
         <a-form-item>
           <span slot="label">
diff --git a/ui/src/views/iam/ConfigureSamlSsoAuth.vue b/ui/src/views/iam/ConfigureSamlSsoAuth.vue
index 1e21a0d17a9..79b0f8814d6 100644
--- a/ui/src/views/iam/ConfigureSamlSsoAuth.vue
+++ b/ui/src/views/iam/ConfigureSamlSsoAuth.vue
@@ -25,6 +25,7 @@
           }]"
           :checked="isSamlEnabled"
           @change="val => { isSamlEnabled = val }"
+          autoFocus
         />
       </a-form-item>
       <a-form-item :label="$t('label.samlentity')">
diff --git a/ui/src/views/iam/CreateRole.vue b/ui/src/views/iam/CreateRole.vue
index 6e4bb35f83c..fc034cbe696 100644
--- a/ui/src/views/iam/CreateRole.vue
+++ b/ui/src/views/iam/CreateRole.vue
@@ -33,7 +33,8 @@
             v-decorator="['name', {
               rules: [{ required: true, message: $t('message.error.required.input') }]
             }]"
-            :placeholder="createRoleApiParams.name.description" />
+            :placeholder="createRoleApiParams.name.description"
+            autoFocus />
         </a-form-item>
 
         <a-form-item>
diff --git a/ui/src/views/iam/DomainActionForm.vue b/ui/src/views/iam/DomainActionForm.vue
index 0f01f5945c1..54604992fe9 100644
--- a/ui/src/views/iam/DomainActionForm.vue
+++ b/ui/src/views/iam/DomainActionForm.vue
@@ -68,6 +68,7 @@
                   rules: [{ required: field.required, message: $t('message.error.select') }]
                 }]"
                 :placeholder="field.description"
+                :autoFocus="fieldIndex === firstIndex"
               >
                 <a-select-option v-for="(opt, optIndex) in action.mapping[field.name].options" :key="optIndex">
                   {{ opt }}
@@ -87,6 +88,7 @@
                 :filterOption="(input, option) => {
                   return option.componentOptions.children[0].text.toLowerCase().indexOf(input.toLowerCase()) >= 0
                 }"
+                :autoFocus="fieldIndex === firstIndex"
               >
                 <a-select-option v-for="(opt, optIndex) in field.opts" :key="optIndex">
                   {{ opt.name || opt.description || opt.traffictype || opt.publicip }}
@@ -101,6 +103,7 @@
                   rules: [{ required: field.required, message: $t('message.error.select') }]
                 }]"
                 :placeholder="field.description"
+                :autoFocus="fieldIndex === firstIndex"
               >
                 <a-select-option v-for="(opt, optIndex) in field.opts" :key="optIndex">
                   {{ opt.name && opt.type ? opt.name + ' (' + opt.type + ')' : opt.name || opt.description }}
@@ -113,6 +116,7 @@
                   rules: [{ required: field.required, message: `${$t('message.validate.number')}` }]
                 }]"
                 :placeholder="field.description"
+                :autoFocus="fieldIndex === firstIndex"
               />
             </span>
             <span v-else>
@@ -120,7 +124,8 @@
                 v-decorator="[field.name, {
                   rules: [{ required: field.required, message: $t('message.error.required.input') }]
                 }]"
-                :placeholder="field.description" />
+                :placeholder="field.description"
+                :autoFocus="fieldIndex === firstIndex" />
             </span>
           </a-form-item>
         </a-form>
@@ -151,6 +156,16 @@ export default {
   beforeCreate () {
     this.form = this.$form.createForm(this)
   },
+  created () {
+    this.firstIndex = 0
+    for (let fieldIndex = 0; fieldIndex < this.action.paramFields.length; fieldIndex++) {
+      const field = this.action.paramFields[fieldIndex]
+      if (!(this.action.mapping && field.name in this.action.mapping && this.action.mapping[field.name].value)) {
+        this.firstIndex = fieldIndex
+        break
+      }
+    }
+  },
   mounted () {
     if (this.action.dataView && this.action.icon === 'edit') {
       this.fillEditFormFieldValues()
diff --git a/ui/src/views/iam/EditUser.vue b/ui/src/views/iam/EditUser.vue
index e1ae0b58580..43c1b90d5f4 100644
--- a/ui/src/views/iam/EditUser.vue
+++ b/ui/src/views/iam/EditUser.vue
@@ -30,7 +30,8 @@
             v-decorator="['username', {
               rules: [{ required: true, message: $t('message.error.required.input') }]
             }]"
-            :placeholder="apiParams.username.description" />
+            :placeholder="apiParams.username.description"
+            autoFocus />
         </a-form-item>
         <a-form-item>
           <span slot="label">
diff --git a/ui/src/views/iam/ImportRole.vue b/ui/src/views/iam/ImportRole.vue
index 4fad432ef27..278f8dae863 100644
--- a/ui/src/views/iam/ImportRole.vue
+++ b/ui/src/views/iam/ImportRole.vue
@@ -62,7 +62,8 @@
             v-decorator="['name', {
               rules: [{ required: true, message: $t('message.error.required.input') }]
             }]"
-            :placeholder="importRoleApiParams.name.description" />
+            :placeholder="importRoleApiParams.name.description"
+            autoFocus />
         </a-form-item>
 
         <a-form-item>
diff --git a/ui/src/views/iam/PermissionEditable.vue b/ui/src/views/iam/PermissionEditable.vue
index df70749e183..f7905d53f6d 100644
--- a/ui/src/views/iam/PermissionEditable.vue
+++ b/ui/src/views/iam/PermissionEditable.vue
@@ -18,7 +18,8 @@
 <template>
   <a-select
     :value="defaultValue"
-    @change="handleChange">
+    @change="handleChange"
+    autoFocus>
     <a-select-option value="allow">{{ $t('label.allow') }}</a-select-option>
     <a-select-option value="deny">{{ $t('label.deny') }}</a-select-option>
   </a-select>
diff --git a/ui/src/views/image/AddKubernetesSupportedVersion.vue b/ui/src/views/image/AddKubernetesSupportedVersion.vue
index 30fb4804876..58cf77fcb31 100644
--- a/ui/src/views/image/AddKubernetesSupportedVersion.vue
+++ b/ui/src/views/image/AddKubernetesSupportedVersion.vue
@@ -33,7 +33,8 @@
             v-decorator="['semanticversion', {
               rules: [{ required: true, message: $t('message.error.kuberversion') }]
             }]"
-            :placeholder="apiParams.semanticversion.description"/>
+            :placeholder="apiParams.semanticversion.description"
+            autoFocus />
         </a-form-item>
         <a-form-item>
           <span slot="label">
diff --git a/ui/src/views/image/IsoZones.vue b/ui/src/views/image/IsoZones.vue
index 6808724bd8f..d95a9a73e2c 100644
--- a/ui/src/views/image/IsoZones.vue
+++ b/ui/src/views/image/IsoZones.vue
@@ -108,7 +108,8 @@
               :filterOption="(input, option) => {
                 return option.componentOptions.children[0].text.toLowerCase().indexOf(input.toLowerCase()) >= 0
               }"
-              :loading="zoneLoading">
+              :loading="zoneLoading"
+              autoFocus>
               <a-select-option v-for="zone in zones" :key="zone.id">
                 {{ zone.name }}
               </a-select-option>
diff --git a/ui/src/views/image/RegisterOrUploadIso.vue b/ui/src/views/image/RegisterOrUploadIso.vue
index a5b2a6afd2d..b2284df3e4e 100644
--- a/ui/src/views/image/RegisterOrUploadIso.vue
+++ b/ui/src/views/image/RegisterOrUploadIso.vue
@@ -29,7 +29,7 @@
         layout="vertical">
         <a-form-item v-if="currentForm === 'Create'" :label="$t('label.url')">
           <a-input
-            autoFocus
+            :autoFocus="currentForm === 'Create'"
             v-decorator="['url', {
               rules: [{ required: true, message: `${this.$t('label.upload.iso.from.local')}` }]
             }]"
@@ -57,7 +57,8 @@
             v-decorator="['name', {
               rules: [{ required: true, message: `${this.$t('message.error.required.input')}` }]
             }]"
-            :placeholder="apiParams.name.description" />
+            :placeholder="apiParams.name.description"
+            :autoFocus="currentForm !== 'Create'" />
         </a-form-item>
 
         <a-form-item :label="$t('label.displaytext')">
diff --git a/ui/src/views/image/RegisterOrUploadTemplate.vue b/ui/src/views/image/RegisterOrUploadTemplate.vue
index c55410ff0bc..cb60116893f 100644
--- a/ui/src/views/image/RegisterOrUploadTemplate.vue
+++ b/ui/src/views/image/RegisterOrUploadTemplate.vue
@@ -31,7 +31,7 @@
           <a-row :gutter="12">
             <a-form-item :label="$t('label.url')">
               <a-input
-                autoFocus
+                :autoFocus="currentForm === 'Create'"
                 v-decorator="['url', {
                   rules: [{ required: true, message: `${this.$t('message.error.required.input')}` }]
                 }]"
@@ -64,7 +64,8 @@
               v-decorator="['name', {
                 rules: [{ required: true, message: `${this.$t('message.error.required.input')}` }]
               }]"
-              :placeholder="apiParams.name.description" />
+              :placeholder="apiParams.name.description"
+              :autoFocus="currentForm !== 'Create'"/>
           </a-form-item>
         </a-row>
         <a-row :gutter="12">
diff --git a/ui/src/views/image/TemplateZones.vue b/ui/src/views/image/TemplateZones.vue
index 047d39f23b1..e0abd029a84 100644
--- a/ui/src/views/image/TemplateZones.vue
+++ b/ui/src/views/image/TemplateZones.vue
@@ -100,7 +100,8 @@
               :filterOption="(input, option) => {
                 return option.componentOptions.children[0].text.toLowerCase().indexOf(input.toLowerCase()) >= 0
               }"
-              :loading="zoneLoading">
+              :loading="zoneLoading"
+              autoFocus>
               <a-select-option v-for="zone in zones" :key="zone.id">
                 {{ zone.name }}
               </a-select-option>
diff --git a/ui/src/views/image/UpdateKubernetesSupportedVersion.vue b/ui/src/views/image/UpdateKubernetesSupportedVersion.vue
index 6d8475f07fd..77d5a1892c9 100644
--- a/ui/src/views/image/UpdateKubernetesSupportedVersion.vue
+++ b/ui/src/views/image/UpdateKubernetesSupportedVersion.vue
@@ -34,7 +34,8 @@
               return option.componentOptions.children[0].text.toLowerCase().indexOf(input.toLowerCase()) >= 0
             }"
             :loading="stateLoading"
-            :placeholder="apiParams.state.description">
+            :placeholder="apiParams.state.description"
+            autoFocus >
             <a-select-option v-for="(opt, optIndex) in this.states" :key="optIndex">
               {{ opt.name || opt.description }}
             </a-select-option>
diff --git a/ui/src/views/image/UpdateTemplateIsoPermissions.vue b/ui/src/views/image/UpdateTemplateIsoPermissions.vue
index 808567e795c..4b98e42b27f 100644
--- a/ui/src/views/image/UpdateTemplateIsoPermissions.vue
+++ b/ui/src/views/image/UpdateTemplateIsoPermissions.vue
@@ -23,7 +23,11 @@
 
     <div class="form__item">
       <p class="form__label">{{ $t('label.operation') }}</p>
-      <a-select v-model="selectedOperation" :defaultValue="$t('label.add')" @change="fetchData">
+      <a-select
+        v-model="selectedOperation"
+        :defaultValue="$t('label.add')"
+        @change="fetchData"
+        autoFocus>
         <a-select-option :value="$t('label.add')">{{ $t('label.add') }}</a-select-option>
         <a-select-option :value="$t('label.remove')">{{ $t('label.remove') }}</a-select-option>
         <a-select-option :value="$t('label.reset')">{{ $t('label.reset') }}</a-select-option>
diff --git a/ui/src/views/infra/AddPrimaryStorage.vue b/ui/src/views/infra/AddPrimaryStorage.vue
index 8229abedddb..126159c8581 100644
--- a/ui/src/views/infra/AddPrimaryStorage.vue
+++ b/ui/src/views/infra/AddPrimaryStorage.vue
@@ -26,7 +26,10 @@
               <a-icon type="info-circle" style="color: rgba(0,0,0,.45)" />
             </a-tooltip>
           </span>
-          <a-select v-decorator="['scope', { initialValue: 'cluster' }]" @change="val => { this.scope = val }">
+          <a-select
+            v-decorator="['scope', { initialValue: 'cluster' }]"
+            @change="val => { this.scope = val }"
+            autoFocus>
             <a-select-option :value="'cluster'"> {{ $t('label.clusterid') }} </a-select-option>
             <a-select-option :value="'zone'"> {{ $t('label.zoneid') }} </a-select-option>
           </a-select>
diff --git a/ui/src/views/infra/AddSecondaryStorage.vue b/ui/src/views/infra/AddSecondaryStorage.vue
index 4016c417454..9a69cc5e41b 100644
--- a/ui/src/views/infra/AddSecondaryStorage.vue
+++ b/ui/src/views/infra/AddSecondaryStorage.vue
@@ -20,7 +20,7 @@
     <a-spin :spinning="loading">
       <a-form :form="form" layout="vertical">
         <a-form-item :label="$t('label.name')">
-          <a-input v-decorator="['name']" />
+          <a-input v-decorator="['name']" autoFocus />
         </a-form-item>
         <a-form-item :label="$t('label.providername')">
           <a-select
diff --git a/ui/src/views/infra/ClusterAdd.vue b/ui/src/views/infra/ClusterAdd.vue
index b44a6618338..02a4f321c9f 100644
--- a/ui/src/views/infra/ClusterAdd.vue
+++ b/ui/src/views/infra/ClusterAdd.vue
@@ -20,7 +20,7 @@
     <div class="form">
       <div class="form__item">
         <div class="form__label"><span class="required">* </span>{{ $t('label.zonenamelabel') }}</div>
-        <a-select v-model="zoneId" @change="fetchPods">
+        <a-select v-model="zoneId" @change="fetchPods" autoFocus>
           <a-select-option
             v-for="zone in zonesList"
             :value="zone.id"
diff --git a/ui/src/views/infra/HostAdd.vue b/ui/src/views/infra/HostAdd.vue
index 73b11f2e9c9..1c7131cb83c 100644
--- a/ui/src/views/infra/HostAdd.vue
+++ b/ui/src/views/infra/HostAdd.vue
@@ -21,7 +21,7 @@
 
       <div class="form__item">
         <div class="form__label"><span class="required">* </span>{{ $t('label.zonenamelabel') }}</div>
-        <a-select v-model="zoneId" @change="fetchPods">
+        <a-select v-model="zoneId" @change="fetchPods" autoFocus>
           <a-select-option
             v-for="zone in zonesList"
             :value="zone.id"
diff --git a/ui/src/views/infra/MigrateData.vue b/ui/src/views/infra/MigrateData.vue
index 56449d497b9..73979d780ee 100644
--- a/ui/src/views/infra/MigrateData.vue
+++ b/ui/src/views/infra/MigrateData.vue
@@ -32,6 +32,7 @@
             }]"
             :loading="loading"
             @change="val => { selectedStore = val }"
+            autoFocus
           >
             <a-select-option
               v-for="store in imageStores"
diff --git a/ui/src/views/infra/PodAdd.vue b/ui/src/views/infra/PodAdd.vue
index b06373f6ae1..72f1d37d7af 100644
--- a/ui/src/views/infra/PodAdd.vue
+++ b/ui/src/views/infra/PodAdd.vue
@@ -24,7 +24,8 @@
           v-decorator="['zoneid', {
             initialValue: this.zoneId,
             rules: [{ required: true, message: `${$t('label.required')}` }] }
-          ]">
+          ]"
+          autoFocus>
           <a-select-option
             v-for="zone in zonesList"
             :value="zone.id"
diff --git a/ui/src/views/infra/network/DedicatedVLANTab.vue b/ui/src/views/infra/network/DedicatedVLANTab.vue
index f82c2249dea..e52846bbeaf 100644
--- a/ui/src/views/infra/network/DedicatedVLANTab.vue
+++ b/ui/src/views/infra/network/DedicatedVLANTab.vue
@@ -74,6 +74,7 @@
               v-decorator="['range', {
                 rules: [{ required: true, message: `${$t('label.required')}` }]
               }]"
+              autoFocus
             ></a-input>
           </a-form-item>
 
diff --git a/ui/src/views/infra/network/EditTrafficLabel.vue b/ui/src/views/infra/network/EditTrafficLabel.vue
index e36b70b8ba3..6b614e3a7f0 100644
--- a/ui/src/views/infra/network/EditTrafficLabel.vue
+++ b/ui/src/views/infra/network/EditTrafficLabel.vue
@@ -27,6 +27,7 @@
             </a-tooltip>
           </span>
           <a-select
+            autoFocus
             v-decorator="['id', {
               initialValue: selectedType,
               rules: [{ required: true, message: $t('message.error.select') }] }]"
diff --git a/ui/src/views/infra/network/IpRangesTabManagement.vue b/ui/src/views/infra/network/IpRangesTabManagement.vue
index 27a1b0c7905..76827ca7baa 100644
--- a/ui/src/views/infra/network/IpRangesTabManagement.vue
+++ b/ui/src/views/infra/network/IpRangesTabManagement.vue
@@ -81,6 +81,7 @@
       >
         <a-form-item :label="$t('label.podid')" class="form__item">
           <a-select
+            autoFocus
             v-decorator="['pod', {
               rules: [{ required: true, message: `${$t('label.required')}` }]
             }]"
diff --git a/ui/src/views/infra/network/IpRangesTabPublic.vue b/ui/src/views/infra/network/IpRangesTabPublic.vue
index 4e87885987f..53251241e87 100644
--- a/ui/src/views/infra/network/IpRangesTabPublic.vue
+++ b/ui/src/views/infra/network/IpRangesTabPublic.vue
@@ -117,7 +117,7 @@
       <a-spin :spinning="domainsLoading">
         <div style="margin-bottom: 10px;">
           <div class="list__label">{{ $t('label.account') }}:</div>
-          <a-input v-model="addAccount.account"></a-input>
+          <a-input v-model="addAccount.account" autoFocus></a-input>
         </div>
         <div>
           <div class="list__label">{{ $t('label.domain') }}:</div>
@@ -145,6 +145,7 @@
       >
         <a-form-item :label="$t('label.gateway')" class="form__item">
           <a-input
+            autoFocus
             v-decorator="['gateway', { rules: [{ required: true, message: `${$t('label.required')}` }] }]">
           </a-input>
         </a-form-item>
diff --git a/ui/src/views/infra/network/IpRangesTabStorage.vue b/ui/src/views/infra/network/IpRangesTabStorage.vue
index 8b381349ade..d31a526771f 100644
--- a/ui/src/views/infra/network/IpRangesTabStorage.vue
+++ b/ui/src/views/infra/network/IpRangesTabStorage.vue
@@ -79,6 +79,7 @@
       >
         <a-form-item :label="$t('label.podid')" class="form__item">
           <a-select
+            autoFocus
             v-decorator="['pod', {
               rules: [{ required: true, message: `${$t('label.required')}` }]
             }]"
diff --git a/ui/src/views/infra/network/ServiceProvidersTab.vue b/ui/src/views/infra/network/ServiceProvidersTab.vue
index 89c92d41819..272eadd7443 100644
--- a/ui/src/views/infra/network/ServiceProvidersTab.vue
+++ b/ui/src/views/infra/network/ServiceProvidersTab.vue
@@ -80,6 +80,7 @@
             :label="$t('label.' + field.name)">
             <span v-if="field.name==='password'">
               <a-input-password
+                :autoFocus="index===0"
                 v-decorator="[field.name, {
                   rules: [
                     {
@@ -92,6 +93,7 @@
             </span>
             <span v-else-if="field.type==='boolean'">
               <a-switch
+                :autoFocus="index===0"
                 v-decorator="[field.name, {
                   rules: [{
                     required: field.required,
@@ -103,6 +105,7 @@
             </span>
             <span v-else-if="field.type==='uuid'">
               <a-select
+                :autoFocus="index===0"
                 v-decorator="[field.name, {
                   rules: [{
                     required: field.required,
@@ -118,6 +121,7 @@
             </span>
             <span v-else>
               <a-input
+                :autoFocus="index===0"
                 v-decorator="[field.name, {
                   rules: [
                     {
diff --git a/ui/src/views/infra/network/providers/AddF5LoadBalancer.vue b/ui/src/views/infra/network/providers/AddF5LoadBalancer.vue
index d2f49e77d00..23a0c9e47e9 100644
--- a/ui/src/views/infra/network/providers/AddF5LoadBalancer.vue
+++ b/ui/src/views/infra/network/providers/AddF5LoadBalancer.vue
@@ -25,6 +25,7 @@
         <a-col :md="24" :lg="24">
           <a-form-item :label="$t('label.ip')">
             <a-input
+              autoFocus
               v-decorator="['ip', {
                 rules: [{ required: true, message: $t('message.error.required.input') }]
               }]" />
diff --git a/ui/src/views/infra/network/providers/AddNetscalerLoadBalancer.vue b/ui/src/views/infra/network/providers/AddNetscalerLoadBalancer.vue
index 786c0d46fe9..3ab1c040421 100644
--- a/ui/src/views/infra/network/providers/AddNetscalerLoadBalancer.vue
+++ b/ui/src/views/infra/network/providers/AddNetscalerLoadBalancer.vue
@@ -25,6 +25,7 @@
         <a-col :md="24" :lg="24">
           <a-form-item :label="$t('label.ip')">
             <a-input
+              autoFocus
               v-decorator="['ip', {
                 rules: [{ required: true, message: $t('message.error.required.input') }]
               }]" />
diff --git a/ui/src/views/infra/network/providers/AddNiciraNvpDevice.vue b/ui/src/views/infra/network/providers/AddNiciraNvpDevice.vue
index d3d70f669a7..2c831dae33a 100644
--- a/ui/src/views/infra/network/providers/AddNiciraNvpDevice.vue
+++ b/ui/src/views/infra/network/providers/AddNiciraNvpDevice.vue
@@ -25,6 +25,7 @@
         <a-col :md="24" :lg="24">
           <a-form-item :label="$t('label.ip')">
             <a-input
+              autoFocus
               v-decorator="['ip', {
                 rules: [{ required: true, message: $t('message.error.required.input') }]
               }]" />
diff --git a/ui/src/views/infra/network/providers/AddPaloAltoFirewall.vue b/ui/src/views/infra/network/providers/AddPaloAltoFirewall.vue
index 36c48d75882..08a2ce7ed56 100644
--- a/ui/src/views/infra/network/providers/AddPaloAltoFirewall.vue
+++ b/ui/src/views/infra/network/providers/AddPaloAltoFirewall.vue
@@ -25,6 +25,7 @@
         <a-col :md="24" :lg="24">
           <a-form-item :label="$t('label.ip')">
             <a-input
+              autoFocus
               v-decorator="['ip', {
                 rules: [{ required: true, message: $t('message.error.required.input') }]
               }]" />
diff --git a/ui/src/views/infra/network/providers/AddSrxFirewall.vue b/ui/src/views/infra/network/providers/AddSrxFirewall.vue
index 19a5cb95b52..94c6225d2f3 100644
--- a/ui/src/views/infra/network/providers/AddSrxFirewall.vue
+++ b/ui/src/views/infra/network/providers/AddSrxFirewall.vue
@@ -25,6 +25,7 @@
         <a-col :md="24" :lg="24">
           <a-form-item :label="$t('label.ip')">
             <a-input
+              autoFocus
               v-decorator="['ip', {
                 rules: [{ required: true, message: $t('message.error.required.input') }]
               }]" />
diff --git a/ui/src/views/infra/routers/RouterHealthCheck.vue b/ui/src/views/infra/routers/RouterHealthCheck.vue
index fdc8737bbce..8b79fd11efd 100644
--- a/ui/src/views/infra/routers/RouterHealthCheck.vue
+++ b/ui/src/views/infra/routers/RouterHealthCheck.vue
@@ -63,7 +63,8 @@
               </span>
               <a-switch
                 v-decorator="[$t('performfreshchecks')]"
-                :placeholder="apiParams.performfreshchecks.description" />
+                :placeholder="apiParams.performfreshchecks.description"
+                autoFocus/>
             </a-form-item>
           </a-form>
         </a-spin>
diff --git a/ui/src/views/infra/zone/AdvancedGuestTrafficForm.vue b/ui/src/views/infra/zone/AdvancedGuestTrafficForm.vue
index 38ce507bf55..8a96677859d 100644
--- a/ui/src/views/infra/zone/AdvancedGuestTrafficForm.vue
+++ b/ui/src/views/infra/zone/AdvancedGuestTrafficForm.vue
@@ -46,6 +46,7 @@
               }]
             }]"
             style="width: 100%;"
+            autoFocus
           />
         </a-form-item>
         <span :style="{ display: 'inline-block', width: '24px', textAlign: 'center' }">
diff --git a/ui/src/views/infra/zone/IpAddressRangeForm.vue b/ui/src/views/infra/zone/IpAddressRangeForm.vue
index 95c17dfbbbf..f1082a37d9f 100644
--- a/ui/src/views/infra/zone/IpAddressRangeForm.vue
+++ b/ui/src/views/infra/zone/IpAddressRangeForm.vue
@@ -42,6 +42,7 @@
                 rules: [{ required: true, message: $t('message.error.gateway') }]
               }]"
               :placeholder="$t('label.gateway')"
+              autoFocus
             />
           </a-form-item>
           <a-form-item :style="{ display: 'inline-block', width: '14%' }">
diff --git a/ui/src/views/infra/zone/StaticInputsForm.vue b/ui/src/views/infra/zone/StaticInputsForm.vue
index 2aa0f711ed1..6a9903f0871 100644
--- a/ui/src/views/infra/zone/StaticInputsForm.vue
+++ b/ui/src/views/infra/zone/StaticInputsForm.vue
@@ -45,6 +45,7 @@
             ]
           }]"
           :allowClear="true"
+          :autoFocus="index === 0"
         >
           <a-select-option
             v-for="option in field.options"
@@ -58,6 +59,7 @@
           v-else-if="field.switch"
           v-decorator="[field.key]"
           :default-checked="isChecked(field)"
+          :autoFocus="index === 0"
         />
         <a-input
           v-else-if="field.password"
@@ -71,6 +73,7 @@
               }
             ]
           }]"
+          :autoFocus="index === 0"
         />
         <a-input
           v-else
@@ -89,6 +92,7 @@
               }
             ]
           }]"
+          :autoFocus="index === 0"
         />
       </a-form-item>
     </a-form>
diff --git a/ui/src/views/infra/zone/ZoneWizardPhysicalNetworkSetupStep.vue b/ui/src/views/infra/zone/ZoneWizardPhysicalNetworkSetupStep.vue
index 19b580ff502..40b749f7698 100644
--- a/ui/src/views/infra/zone/ZoneWizardPhysicalNetworkSetupStep.vue
+++ b/ui/src/views/infra/zone/ZoneWizardPhysicalNetworkSetupStep.vue
@@ -29,7 +29,7 @@
       :pagination="false"
       style="margin-bottom: 24px;">
       <template slot="name" slot-scope="text, record">
-        <a-input :value="text" @change="e => onCellChange(record.key, 'name', e.target.value)" />
+        <a-input :value="text" @change="e => onCellChange(record.key, 'name', e.target.value)" autoFocus />
       </template>
       <template slot="isolationMethod" slot-scope="text, record">
         <a-select
diff --git a/ui/src/views/infra/zone/ZoneWizardZoneDetailsStep.vue b/ui/src/views/infra/zone/ZoneWizardZoneDetailsStep.vue
index 9650fd404d5..7ef6719fea0 100644
--- a/ui/src/views/infra/zone/ZoneWizardZoneDetailsStep.vue
+++ b/ui/src/views/infra/zone/ZoneWizardZoneDetailsStep.vue
@@ -35,6 +35,7 @@
               initialValue: name
             }]
           }]"
+          autoFocus
         />
       </a-form-item>
       <a-form-item
diff --git a/ui/src/views/infra/zone/ZoneWizardZoneTypeStep.vue b/ui/src/views/infra/zone/ZoneWizardZoneTypeStep.vue
index 913b8faf81c..722df4fa46c 100644
--- a/ui/src/views/infra/zone/ZoneWizardZoneTypeStep.vue
+++ b/ui/src/views/infra/zone/ZoneWizardZoneTypeStep.vue
@@ -50,6 +50,7 @@
                   v-decorator="['securityGroupsEnabled', { valuePropName: 'checked' }]"
                   :value="securityGroupsEnabled"
                   :disabled="!isAdvancedZone"
+                  autoFocus
                 />
               </a-form-item>
               <span>{{ $t('label.menu.security.groups') }}</span>
diff --git a/ui/src/views/network/AclListRulesTab.vue b/ui/src/views/network/AclListRulesTab.vue
index 62448d76904..167343e1523 100644
--- a/ui/src/views/network/AclListRulesTab.vue
+++ b/ui/src/views/network/AclListRulesTab.vue
@@ -104,7 +104,9 @@
           <div class="add-tags__input">
             <p class="add-tags__label">{{ $t('label.key') }}</p>
             <a-form-item>
-              <a-input v-decorator="['key', { rules: [{ required: true, message: $t('message.specifiy.tag.key')}] }]" />
+              <a-input
+                autoFocus
+                v-decorator="['key', { rules: [{ required: true, message: $t('message.specifiy.tag.key')}] }]" />
             </a-form-item>
           </div>
           <div class="add-tags__input">
@@ -133,7 +135,7 @@
     <a-modal :title="ruleModalTitle" :maskClosable="false" v-model="ruleModalVisible" @ok="handleRuleModalForm">
       <a-form :form="ruleForm" @submit="handleRuleModalForm">
         <a-form-item :label="$t('label.number')">
-          <a-input-number style="width: 100%" v-decorator="['number']" />
+          <a-input-number autoFocus style="width: 100%" v-decorator="['number']" />
         </a-form-item>
         <a-form-item :label="$t('label.cidrlist')">
           <a-input v-decorator="['cidrlist']" />
diff --git a/ui/src/views/network/CreateIsolatedNetworkForm.vue b/ui/src/views/network/CreateIsolatedNetworkForm.vue
index 136e1a59867..6610203e4b8 100644
--- a/ui/src/views/network/CreateIsolatedNetworkForm.vue
+++ b/ui/src/views/network/CreateIsolatedNetworkForm.vue
@@ -34,7 +34,8 @@
               v-decorator="['name', {
                 rules: [{ required: true, message: $t('message.error.name') }]
               }]"
-              :placeholder="this.$t('label.name')"/>
+              :placeholder="this.$t('label.name')"
+              autoFocus/>
           </a-form-item>
           <a-form-item>
             <span slot="label">
diff --git a/ui/src/views/network/CreateL2NetworkForm.vue b/ui/src/views/network/CreateL2NetworkForm.vue
index 9d48a80186f..60ab96c8431 100644
--- a/ui/src/views/network/CreateL2NetworkForm.vue
+++ b/ui/src/views/network/CreateL2NetworkForm.vue
@@ -34,7 +34,8 @@
               v-decorator="['name', {
                 rules: [{ required: true, message: $t('message.error.name') }]
               }]"
-              :placeholder="this.$t('label.name')"/>
+              :placeholder="this.$t('label.name')"
+              autoFocus/>
           </a-form-item>
           <a-form-item>
             <span slot="label">
diff --git a/ui/src/views/network/CreateSharedNetworkForm.vue b/ui/src/views/network/CreateSharedNetworkForm.vue
index 9b020c18c5c..64301410574 100644
--- a/ui/src/views/network/CreateSharedNetworkForm.vue
+++ b/ui/src/views/network/CreateSharedNetworkForm.vue
@@ -34,7 +34,8 @@
               v-decorator="['name', {
                 rules: [{ required: true, message: $t('message.error.name') }]
               }]"
-              :placeholder="this.$t('label.name')"/>
+              :placeholder="this.$t('label.name')"
+              autoFocus />
           </a-form-item>
           <a-form-item>
             <span slot="label">
diff --git a/ui/src/views/network/CreateVlanIpRange.vue b/ui/src/views/network/CreateVlanIpRange.vue
index 8a4be18edcf..80c3b7425e0 100644
--- a/ui/src/views/network/CreateVlanIpRange.vue
+++ b/ui/src/views/network/CreateVlanIpRange.vue
@@ -31,6 +31,7 @@
               </a-tooltip>
             </span>
             <a-input
+              autoFocus
               v-decorator="['gateway', {
                 rules: [{ required: true, message: $t('message.error.gateway') }]
               }]"
diff --git a/ui/src/views/network/CreateVpc.vue b/ui/src/views/network/CreateVpc.vue
index d3697f350bb..577848443e9 100644
--- a/ui/src/views/network/CreateVpc.vue
+++ b/ui/src/views/network/CreateVpc.vue
@@ -31,7 +31,8 @@
             v-decorator="['name', {
               rules: [{ required: true, message: $t('message.error.required.input') }]
             }]"
-            :placeholder="apiParams.name.description"/>
+            :placeholder="apiParams.name.description"
+            autoFocus/>
         </a-form-item>
         <a-form-item>
           <span slot="label">
diff --git a/ui/src/views/network/CreateVpnCustomerGateway.vue b/ui/src/views/network/CreateVpnCustomerGateway.vue
index ebbb7be1216..99ff4cd0ec5 100644
--- a/ui/src/views/network/CreateVpnCustomerGateway.vue
+++ b/ui/src/views/network/CreateVpnCustomerGateway.vue
@@ -31,7 +31,8 @@
               rules: [{ required: true, message: `${$t('label.required')}` }],
             }
           ]"
-          :placeholder="$t('label.vpncustomergatewayname')" />
+          :placeholder="$t('label.vpncustomergatewayname')"
+          autoFocus />
       </a-form-item>
       <a-form-item>
         <span slot="label">
diff --git a/ui/src/views/network/EgressRulesTab.vue b/ui/src/views/network/EgressRulesTab.vue
index b77d7c940a7..d08b9472fdc 100644
--- a/ui/src/views/network/EgressRulesTab.vue
+++ b/ui/src/views/network/EgressRulesTab.vue
@@ -21,7 +21,7 @@
       <div class="form">
         <div class="form__item">
           <div class="form__label">{{ $t('label.sourcecidr') }}</div>
-          <a-input v-model="newRule.cidrlist"></a-input>
+          <a-input v-model="newRule.cidrlist" autoFocus></a-input>
         </div>
         <div class="form__item">
           <div class="form__label">{{ $t('label.destcidr') }}</div>
diff --git a/ui/src/views/network/EnableStaticNat.vue b/ui/src/views/network/EnableStaticNat.vue
index d03e67bc877..fe90ca9169c 100644
--- a/ui/src/views/network/EnableStaticNat.vue
+++ b/ui/src/views/network/EnableStaticNat.vue
@@ -19,7 +19,11 @@
   <div class="list" :loading="loading">
     <div class="list__header">
       <div class="list__header__col" v-if="tiersSelect">
-        <a-select @change="handleTierSelect" v-model="vpcTiers" :placeholder="$t('label.select.tier')">
+        <a-select
+          autoFocus
+          @change="handleTierSelect"
+          v-model="vpcTiers"
+          :placeholder="$t('label.select.tier')">
           <a-select-option v-for="network in networksList" :key="network.id" :value="network.id">
             {{ network.name }}
           </a-select-option>
diff --git a/ui/src/views/network/FirewallRules.vue b/ui/src/views/network/FirewallRules.vue
index 48e30a6b3a0..781d81f7a63 100644
--- a/ui/src/views/network/FirewallRules.vue
+++ b/ui/src/views/network/FirewallRules.vue
@@ -21,7 +21,7 @@
       <div class="form">
         <div class="form__item">
           <div class="form__label">{{ $t('label.sourcecidr') }}</div>
-          <a-input v-model="newRule.cidrlist"></a-input>
+          <a-input autoFocus v-model="newRule.cidrlist"></a-input>
         </div>
         <div class="form__item">
           <div class="form__label">{{ $t('label.protocol') }}</div>
@@ -110,7 +110,7 @@
       <div class="add-tags">
         <div class="add-tags__input">
           <p class="add-tags__label">{{ $t('label.key') }}</p>
-          <a-input v-model="newTag.key"></a-input>
+          <a-input autoFocus v-model="newTag.key"></a-input>
         </div>
         <div class="add-tags__input">
           <p class="add-tags__label">{{ $t('label.value') }}</p>
diff --git a/ui/src/views/network/IngressEgressRuleConfigure.vue b/ui/src/views/network/IngressEgressRuleConfigure.vue
index 7b9965ad60a..34adc2e6192 100644
--- a/ui/src/views/network/IngressEgressRuleConfigure.vue
+++ b/ui/src/views/network/IngressEgressRuleConfigure.vue
@@ -30,7 +30,11 @@
       <div class="form">
         <div class="form__item">
           <div class="form__label">{{ $t('label.protocol') }}</div>
-          <a-select v-model="newRule.protocol" style="width: 100%;" @change="resetRulePorts">
+          <a-select
+            autoFocus
+            v-model="newRule.protocol"
+            style="width: 100%;"
+            @change="resetRulePorts">
             <a-select-option value="tcp">{{ $t('label.tcp') | capitalise }}</a-select-option>
             <a-select-option value="udp">{{ $t('label.udp') | capitalise }}</a-select-option>
             <a-select-option value="icmp">{{ $t('label.icmp') | capitalise }}</a-select-option>
@@ -127,7 +131,9 @@
           <div class="add-tags__input">
             <p class="add-tags__label">{{ $t('label.key') }}</p>
             <a-form-item>
-              <a-input v-decorator="['key', { rules: [{ required: true, message: this.$t('message.specifiy.tag.key')}] }]" />
+              <a-input
+                autoFocus
+                v-decorator="['key', { rules: [{ required: true, message: this.$t('message.specifiy.tag.key')}] }]" />
             </a-form-item>
           </div>
           <div class="add-tags__input">
diff --git a/ui/src/views/network/InternalLBAssignVmForm.vue b/ui/src/views/network/InternalLBAssignVmForm.vue
index b1e1fa26a51..47ed716da5a 100644
--- a/ui/src/views/network/InternalLBAssignVmForm.vue
+++ b/ui/src/views/network/InternalLBAssignVmForm.vue
@@ -37,6 +37,7 @@
             </span>
             <a-icon v-if="addVmModalNicLoading" type="loading"></a-icon>
             <a-select
+              :autoFocus="!addVmModalNicLoading && iLb.virtualmachineid[index] === vm.id && index === 0"
               v-else-if="!addVmModalNicLoading && iLb.virtualmachineid[index] === vm.id"
               mode="multiple"
               v-model="iLb.vmguestip[index]"
@@ -52,7 +53,10 @@
           <span></span>
           <span>{{ vm.account }}</span>
           <span>{{ vm.zonename }}</span>
-          <a-checkbox :value="vm.id" @change="e => fetchNics(e, index)" />
+          <a-checkbox
+            :autoFocus="!(!addVmModalNicLoading && iLb.virtualmachineid[index] === vm.id) && index === 0"
+            :value="vm.id"
+            @change="e => fetchNics(e, index)" />
         </div>
         <a-divider/>
         <a-pagination
diff --git a/ui/src/views/network/IpAddressesTab.vue b/ui/src/views/network/IpAddressesTab.vue
index 2d4c0147fa9..ab7874cf057 100644
--- a/ui/src/views/network/IpAddressesTab.vue
+++ b/ui/src/views/network/IpAddressesTab.vue
@@ -29,6 +29,7 @@
       <div v-if="$route.path.startsWith('/vpc')">
         Select Tier:
         <a-select
+          autoFocus
           style="width: 40%; margin-left: 15px;margin-bottom: 15px"
           :loading="fetchLoading"
           defaultActiveFirstOption
@@ -110,6 +111,7 @@
         <a-alert :message="$t('message.action.acquire.ip')" type="warning" />
         <a-form-item :label="$t('label.ipaddress')">
           <a-select
+            autoFocus
             style="width: 100%;"
             showSearch
             v-model="acquireIp">
diff --git a/ui/src/views/network/LoadBalancing.vue b/ui/src/views/network/LoadBalancing.vue
index 7bf183bc814..77ace808d98 100644
--- a/ui/src/views/network/LoadBalancing.vue
+++ b/ui/src/views/network/LoadBalancing.vue
@@ -21,7 +21,7 @@
       <div class="form">
         <div class="form__item" ref="newRuleName">
           <div class="form__label"><span class="form__required">*</span>{{ $t('label.name') }}</div>
-          <a-input v-model="newRule.name"></a-input>
+          <a-input autoFocus v-model="newRule.name"></a-input>
           <span class="error-text">{{ $t('label.required') }}</span>
         </div>
         <div class="form__item" ref="newRulePublicPort">
@@ -154,7 +154,9 @@
         <div class="add-tags__input">
           <p class="add-tags__label">{{ $t('label.key') }}</p>
           <a-form-item>
-            <a-input v-decorator="['key', { rules: [{ required: true, message: this.$t('message.specifiy.tag.key')}] }]" />
+            <a-input
+              autoFocus
+              v-decorator="['key', { rules: [{ required: true, message: this.$t('message.specifiy.tag.key')}] }]" />
           </a-form-item>
         </div>
         <div class="add-tags__input">
@@ -193,7 +195,7 @@
 
       <a-form :form="stickinessPolicyForm" @submit="handleSubmitStickinessForm" class="custom-ant-form">
         <a-form-item :label="$t('label.stickiness.method')">
-          <a-select v-decorator="['methodname']" @change="handleStickinessMethodSelectChange">
+          <a-select autoFocus v-decorator="['methodname']" @change="handleStickinessMethodSelectChange">
             <a-select-option value="LbCookie">{{ $t('label.lb.cookie') }}</a-select-option>
             <a-select-option value="AppCookie">{{ $t('label.app.cookie') }}</a-select-option>
             <a-select-option value="SourceBased">{{ $t('label.source.based') }}</a-select-option>
@@ -265,7 +267,7 @@
       <div class="edit-rule" v-if="selectedRule">
         <div class="edit-rule__item">
           <p class="edit-rule__label">{{ $t('label.name') }}</p>
-          <a-input v-model="editRuleDetails.name" />
+          <a-input autoFocus v-model="editRuleDetails.name" />
         </div>
         <div class="edit-rule__item">
           <p class="edit-rule__label">{{ $t('label.algorithm') }}</p>
@@ -304,6 +306,7 @@
           v-if="'vpcid' in resource && !('associatednetworkid' in resource)">
           <strong>{{ $t('label.select.tier') }} </strong>
           <a-select
+            :autoFocus="'vpcid' in resource && !('associatednetworkid' in resource)"
             v-model="selectedTier"
             @change="fetchVirtualMachines()"
             :placeholder="$t('label.select.tier')" >
@@ -316,6 +319,7 @@
           </a-select>
         </span>
         <a-input-search
+          :autoFocus="!('vpcid' in resource && !('associatednetworkid' in resource))"
           class="input-search"
           :placeholder="$t('label.search')"
           v-model="searchQuery"
diff --git a/ui/src/views/network/PortForwarding.vue b/ui/src/views/network/PortForwarding.vue
index ef5c66f852b..1651efecfa7 100644
--- a/ui/src/views/network/PortForwarding.vue
+++ b/ui/src/views/network/PortForwarding.vue
@@ -23,6 +23,7 @@
           <div class="form__label">{{ $t('label.privateport') }}</div>
           <a-input-group class="form__item__input-container" compact>
             <a-input
+              autoFocus
               v-model="newRule.privateport"
               :placeholder="$t('label.start')"
               style="border-right: 0; width: 60px; margin-right: 0;"></a-input>
@@ -136,7 +137,7 @@
       <div class="add-tags">
         <div class="add-tags__input">
           <p class="add-tags__label">{{ $t('label.key') }}</p>
-          <a-input v-model="newTag.key"></a-input>
+          <a-input autoFocus v-model="newTag.key"></a-input>
         </div>
         <div class="add-tags__input">
           <p class="add-tags__label">{{ $t('label.value') }}</p>
@@ -176,6 +177,7 @@
           v-if="'vpcid' in resource && !('associatednetworkid' in resource)">
           <strong>{{ $t('label.select.tier') }} </strong>
           <a-select
+            :autoFocu="'vpcid' in resource && !('associatednetworkid' in resource)"
             v-model="selectedTier"
             @change="fetchVirtualMachines()"
             :placeholder="$t('label.select.tier')" >
@@ -188,6 +190,7 @@
           </a-select>
         </span>
         <a-input-search
+          :autoFocu="!('vpcid' in resource && !('associatednetworkid' in resource))"
           class="input-search"
           :placeholder="$t('label.search')"
           v-model="searchQuery"
diff --git a/ui/src/views/network/StaticRoutesTab.vue b/ui/src/views/network/StaticRoutesTab.vue
index 814dd07ca65..8256859bff8 100644
--- a/ui/src/views/network/StaticRoutesTab.vue
+++ b/ui/src/views/network/StaticRoutesTab.vue
@@ -18,7 +18,7 @@
 <template>
   <a-spin :spinning="componentLoading">
     <div class="new-route">
-      <a-input v-model="newRoute" icon="plus" :placeholder="$t('label.cidr.destination.network')"></a-input>
+      <a-input v-model="newRoute" icon="plus" :placeholder="$t('label.cidr.destination.network')" autoFocus></a-input>
       <a-button type="primary" :disabled="!('createStaticRoute' in $store.getters.apis)" @click="handleAdd">{{ $t('label.add.route') }}</a-button>
     </div>
 
@@ -43,7 +43,9 @@
           <div class="add-tags__input">
             <p class="add-tags__label">{{ $t('label.key') }}</p>
             <a-form-item>
-              <a-input v-decorator="['key', { rules: [{ required: true, message: this.$t('message.specifiy.tag.key')}] }]" />
+              <a-input
+                autoFocus
+                v-decorator="['key', { rules: [{ required: true, message: this.$t('message.specifiy.tag.key')}] }]" />
             </a-form-item>
           </div>
           <div class="add-tags__input">
diff --git a/ui/src/views/network/VpcTab.vue b/ui/src/views/network/VpcTab.vue
index d75dae8dbc9..33d67a5ea22 100644
--- a/ui/src/views/network/VpcTab.vue
+++ b/ui/src/views/network/VpcTab.vue
@@ -76,7 +76,9 @@
           @ok="handleNetworkAclFormSubmit">
           <a-form @submit.prevent="handleNetworkAclFormSubmit" :form="networkAclForm">
             <a-form-item :label="$t('label.add.list.name')">
-              <a-input v-decorator="['name', {rules: [{ required: true, message: `${$t('label.required')}` }]}]"></a-input>
+              <a-input
+                v-decorator="['name', {rules: [{ required: true, message: `${$t('label.required')}` }]}]"
+                autoFocus></a-input>
             </a-form-item>
             <a-form-item :label="$t('label.description')">
               <a-input v-decorator="['description', {rules: [{ required: true, message: `${$t('label.required')}` }]}]"></a-input>
@@ -131,7 +133,7 @@
             <p>{{ $t('message.add.new.gateway.to.vpc') }}</p>
             <a-form @submit.prevent="handleGatewayFormSubmit" :form="gatewayForm">
               <a-form-item :label="$t('label.physicalnetworkid')">
-                <a-select v-decorator="['physicalnetwork']">
+                <a-select v-decorator="['physicalnetwork']" autoFocus>
                   <a-select-option v-for="item in physicalnetworks" :key="item.id" :value="item.id">
                     {{ item.name }}
                   </a-select-option>
@@ -255,7 +257,7 @@
           <a-spin :spinning="modals.vpnConnectionLoading">
             <a-form @submit.prevent="handleVpnConnectionFormSubmit" :form="vpnConnectionForm">
               <a-form-item :label="$t('label.vpncustomergatewayid')">
-                <a-select v-decorator="['vpncustomergateway']">
+                <a-select v-decorator="['vpncustomergateway']" autoFocus>
                   <a-select-option v-for="item in vpncustomergateways" :key="item.id" :value="item.id">
                     {{ item.name }}
                   </a-select-option>
diff --git a/ui/src/views/network/VpcTiersTab.vue b/ui/src/views/network/VpcTiersTab.vue
index 08a4533d2bb..73b94462c8c 100644
--- a/ui/src/views/network/VpcTiersTab.vue
+++ b/ui/src/views/network/VpcTiersTab.vue
@@ -164,7 +164,8 @@
           <a-form-item :label="$t('label.name')">
             <a-input
               :placeholder="$t('label.unique.name.tier')"
-              v-decorator="['name',{rules: [{ required: true, message: `${$t('label.required')}` }]}]"></a-input>
+              v-decorator="['name',{rules: [{ required: true, message: `${$t('label.required')}` }]}]"
+              autoFocus></a-input>
           </a-form-item>
           <a-form-item :label="$t('label.networkofferingid')">
             <a-select
@@ -208,6 +209,7 @@
         <a-form @submit.prevent="handleAddInternalLBSubmit" :form="form">
           <a-form-item :label="$t('label.name')">
             <a-input
+              autoFocus
               :placeholder="$t('label.internallb.name.description')"
               v-decorator="['name', { rules: [{ required: true, message: $t('message.error.internallb.name')}] }]"/>
           </a-form-item>
diff --git a/ui/src/views/offering/AddComputeOffering.vue b/ui/src/views/offering/AddComputeOffering.vue
index eafa8752742..fc34e1698f0 100644
--- a/ui/src/views/offering/AddComputeOffering.vue
+++ b/ui/src/views/offering/AddComputeOffering.vue
@@ -30,6 +30,7 @@
             </a-tooltip>
           </span>
           <a-input
+            autoFocus
             v-decorator="['name', {
               rules: [{ required: true, message: $t('message.error.required.input') }]
             }]"
diff --git a/ui/src/views/offering/AddDiskOffering.vue b/ui/src/views/offering/AddDiskOffering.vue
index 267c5eff87f..71b44e0e4d9 100644
--- a/ui/src/views/offering/AddDiskOffering.vue
+++ b/ui/src/views/offering/AddDiskOffering.vue
@@ -30,6 +30,7 @@
             </a-tooltip>
           </span>
           <a-input
+            autoFocus
             v-decorator="['name', {
               rules: [{ required: true, message: $t('message.error.required.input') }]
             }]"
diff --git a/ui/src/views/offering/AddNetworkOffering.vue b/ui/src/views/offering/AddNetworkOffering.vue
index 6e56f5b6ff5..82ff7c426f8 100644
--- a/ui/src/views/offering/AddNetworkOffering.vue
+++ b/ui/src/views/offering/AddNetworkOffering.vue
@@ -30,6 +30,7 @@
             </a-tooltip>
           </span>
           <a-input
+            autoFocus
             v-decorator="['name', {
               rules: [{ required: true, message: $t('message.error.name') }]
             }]"
diff --git a/ui/src/views/offering/AddVpcOffering.vue b/ui/src/views/offering/AddVpcOffering.vue
index 99fafa85dca..5362e0227d5 100644
--- a/ui/src/views/offering/AddVpcOffering.vue
+++ b/ui/src/views/offering/AddVpcOffering.vue
@@ -30,6 +30,7 @@
             </a-tooltip>
           </span>
           <a-input
+            autoFocus
             v-decorator="['name', {
               rules: [{ required: true, message: $t('message.error.name') }]
             }]"
diff --git a/ui/src/views/offering/ImportBackupOffering.vue b/ui/src/views/offering/ImportBackupOffering.vue
index 782df3a2e4a..6a533474463 100644
--- a/ui/src/views/offering/ImportBackupOffering.vue
+++ b/ui/src/views/offering/ImportBackupOffering.vue
@@ -29,6 +29,7 @@
           </a-tooltip>
         </span>
         <a-input
+          autoFocus
           v-decorator="['name', {
             rules: [{ required: true, message: $t('message.error.required.input') }]
           }]"/>
diff --git a/ui/src/views/offering/UpdateOfferingAccess.vue b/ui/src/views/offering/UpdateOfferingAccess.vue
index e5fc8c32c1f..456bfe271a2 100644
--- a/ui/src/views/offering/UpdateOfferingAccess.vue
+++ b/ui/src/views/offering/UpdateOfferingAccess.vue
@@ -29,6 +29,7 @@
 
         <a-form-item :label="$t('label.domainid')" v-if="!this.offeringIsPublic">
           <a-select
+            :autoFocus="!this.offeringIsPublic"
             mode="multiple"
             v-decorator="['domainid', {
               rules: [
@@ -54,6 +55,7 @@
 
         <a-form-item :label="$t('label.zoneid')">
           <a-select
+            :autoFocus="this.offeringIsPublic"
             id="zone-selection"
             mode="multiple"
             v-decorator="['zoneid', {
diff --git a/ui/src/views/plugins/quota/EditTariffValueWizard.vue b/ui/src/views/plugins/quota/EditTariffValueWizard.vue
index 7293f2e3a04..94999fa0a25 100644
--- a/ui/src/views/plugins/quota/EditTariffValueWizard.vue
+++ b/ui/src/views/plugins/quota/EditTariffValueWizard.vue
@@ -36,6 +36,7 @@
       @submit="submitTariff">
       <a-form-item :label="$t('label.quota.value')">
         <a-input
+          autoFocus
           v-decorator="['value', {
             rules: [{
               required: true,
diff --git a/ui/src/views/project/AddAccountOrUserToProject.vue b/ui/src/views/project/AddAccountOrUserToProject.vue
index 5d6566b041a..78b57ee2854 100644
--- a/ui/src/views/project/AddAccountOrUserToProject.vue
+++ b/ui/src/views/project/AddAccountOrUserToProject.vue
@@ -31,7 +31,8 @@
             </span>
             <a-input
               v-decorator="['account']"
-              :placeholder="apiParams.addAccountToProject.account.description"/>
+              :placeholder="apiParams.addAccountToProject.account.description"
+              autoFocus />
           </a-form-item>
           <a-form-item>
             <span slot="label">
@@ -100,7 +101,8 @@
             </span>
             <a-input
               v-decorator="['username']"
-              :placeholder="apiParams.addUserToProject.username.description"/>
+              :placeholder="apiParams.addUserToProject.username.description"
+              autoFocus />
           </a-form-item>
           <a-form-item>
             <span slot="label">
diff --git a/ui/src/views/project/InvitationTokenTemplate.vue b/ui/src/views/project/InvitationTokenTemplate.vue
index 2c249f21631..b510e39a704 100644
--- a/ui/src/views/project/InvitationTokenTemplate.vue
+++ b/ui/src/views/project/InvitationTokenTemplate.vue
@@ -28,6 +28,7 @@
               rules: [{ required: true, message: `${this.$t('message.error.required.input')}` }]
             }]"
             :placeholder="apiParams.projectid.description"
+            autoFocus
           />
         </a-form-item>
         <a-form-item :label="$t('label.token')">
diff --git a/ui/src/views/project/InvitationsTemplate.vue b/ui/src/views/project/InvitationsTemplate.vue
index b640457e80d..8c8f52fa026 100644
--- a/ui/src/views/project/InvitationsTemplate.vue
+++ b/ui/src/views/project/InvitationsTemplate.vue
@@ -24,7 +24,8 @@
           style="width: unset"
           :placeholder="$t('label.search')"
           v-model="searchQuery"
-          @search="onSearch" />
+          @search="onSearch"
+          autoFocus />
       </a-col>
       <a-col :md="24" :lg="24">
         <a-table
diff --git a/ui/src/views/project/iam/ProjectRoleTab.vue b/ui/src/views/project/iam/ProjectRoleTab.vue
index e34f02ef15f..6500dd6d9fe 100644
--- a/ui/src/views/project/iam/ProjectRoleTab.vue
+++ b/ui/src/views/project/iam/ProjectRoleTab.vue
@@ -72,10 +72,10 @@
             @submit="updateProjectRole"
             layout="vertical">
             <a-form-item :label="$t('label.name')">
-              <a-input v-decorator="[ 'name' ]"></a-input>
+              <a-input v-decorator="['name']" autoFocus></a-input>
             </a-form-item>
             <a-form-item :label="$t('label.description')">
-              <a-input v-decorator="[ 'description' ]"></a-input>
+              <a-input v-decorator="['description']"></a-input>
             </a-form-item>
             <div :span="24" class="action-button">
               <a-button @click="closeAction">{{ this.$t('label.cancel') }}</a-button>
@@ -119,7 +119,9 @@
             @submit="createProjectRole"
             layout="vertical">
             <a-form-item :label="$t('label.name')">
-              <a-input v-decorator="[ 'name', { rules: [{ required: true, message: 'Please provide input' }] }]"></a-input>
+              <a-input
+                v-decorator="[ 'name', { rules: [{ required: true, message: 'Please provide input' }] }]"
+                autoFocus></a-input>
             </a-form-item>
             <a-form-item :label="$t('label.description')">
               <a-input v-decorator="[ 'description' ]"></a-input>
diff --git a/ui/src/views/storage/AttachVolume.vue b/ui/src/views/storage/AttachVolume.vue
index 43ca3cd8523..4e0bedb4d0b 100644
--- a/ui/src/views/storage/AttachVolume.vue
+++ b/ui/src/views/storage/AttachVolume.vue
@@ -25,6 +25,7 @@
       </div>
       <a-form-item :label="$t('label.virtualmachineid')">
         <a-select
+          autoFocus
           v-decorator="['virtualmachineid', {
             rules: [{ required: true, message: $t('message.error.select') }]
           }]"
diff --git a/ui/src/views/storage/CreateSnapshotFromVMSnapshot.vue b/ui/src/views/storage/CreateSnapshotFromVMSnapshot.vue
index 93d2e297905..bd91cfb405a 100644
--- a/ui/src/views/storage/CreateSnapshotFromVMSnapshot.vue
+++ b/ui/src/views/storage/CreateSnapshotFromVMSnapshot.vue
@@ -20,6 +20,7 @@
     <a-form class="form" :form="form" @submit="handleSubmit" layout="vertical">
       <a-form-item :label="$t('label.name')">
         <a-input
+          autoFocus
           v-decorator="['name', {
             rules: [{ required: true, message: $t('message.error.name') }]
           }]"
diff --git a/ui/src/views/storage/CreateVolume.vue b/ui/src/views/storage/CreateVolume.vue
index ef22b07ef76..8ecc3a992f9 100644
--- a/ui/src/views/storage/CreateVolume.vue
+++ b/ui/src/views/storage/CreateVolume.vue
@@ -29,7 +29,8 @@
           v-decorator="['name', {
             rules: [{ required: true, message: $t('message.error.volume.name') }]
           }]"
-          :placeholder="$t('label.volumename')"/>
+          :placeholder="$t('label.volumename')"
+          autoFocus />
       </a-form-item>
       <a-form-item>
         <span slot="label">
diff --git a/ui/src/views/storage/FormSchedule.vue b/ui/src/views/storage/FormSchedule.vue
index 91730383bc3..d677273034d 100644
--- a/ui/src/views/storage/FormSchedule.vue
+++ b/ui/src/views/storage/FormSchedule.vue
@@ -61,7 +61,8 @@
                       rules: [{required: true, message: `${this.$t('message.error.required.input')}`}]
                     }]"
                     :min="1"
-                    :max="59"/>
+                    :max="59"
+                    autoFocus />
                 </a-tooltip>
               </a-form-item>
             </a-col>
diff --git a/ui/src/views/storage/MigrateVolume.vue b/ui/src/views/storage/MigrateVolume.vue
index ca2e4d65ba4..5d4e5a966b7 100644
--- a/ui/src/views/storage/MigrateVolume.vue
+++ b/ui/src/views/storage/MigrateVolume.vue
@@ -23,7 +23,10 @@
           <span slot="message" v-html="$t('message.migrate.volume')" />
         </a-alert>
         <p class="modal-form__label">{{ $t('label.storagepool') }}</p>
-        <a-select v-model="selectedStoragePool" style="width: 100%;">
+        <a-select
+          v-model="selectedStoragePool"
+          style="width: 100%;"
+          :autoFocus="storagePools.length > 0">
           <a-select-option v-for="(storagePool, index) in storagePools" :value="storagePool.id" :key="index">
             {{ storagePool.name }} <span v-if="resource.virtualmachineid">{{ storagePool.suitableformigration ? `(${$t('label.suitable')})` : `(${$t('label.not.suitable')})` }}</span>
           </a-select-option>
diff --git a/ui/src/views/storage/ResizeVolume.vue b/ui/src/views/storage/ResizeVolume.vue
index 3efb9ecc049..cadfb299994 100644
--- a/ui/src/views/storage/ResizeVolume.vue
+++ b/ui/src/views/storage/ResizeVolume.vue
@@ -26,6 +26,7 @@
           :loading="loading"
           :placeholder="$t('label.diskoffering')"
           @change="id => (customDiskOffering = offerings.filter(x => x.id === id)[0].iscustomized || false)"
+          :autoFocus="resource.type !== 'ROOT'"
         >
           <a-select-option
             v-for="(offering, index) in offerings"
@@ -39,7 +40,8 @@
           <a-input
             v-decorator="['size', {
               rules: [{ required: true, message: $t('message.error.size') }]}]"
-            :placeholder="$t('label.disksize')"/>
+            :placeholder="$t('label.disksize')"
+            :autoFocus="customDiskOffering || resource.type === 'ROOT'"/>
         </a-form-item>
       </div>
       <a-form-item :label="$t('label.shrinkok')">
diff --git a/ui/src/views/storage/RestoreAttachBackupVolume.vue b/ui/src/views/storage/RestoreAttachBackupVolume.vue
index d56b75db8e6..8deb433f187 100644
--- a/ui/src/views/storage/RestoreAttachBackupVolume.vue
+++ b/ui/src/views/storage/RestoreAttachBackupVolume.vue
@@ -24,7 +24,8 @@
           v-decorator="['volumeid', {
             rules: [{ required: true, message: `${this.$t('message.error.select')}` }]
           }]"
-          :loading="volumeOptions.loading">
+          :loading="volumeOptions.loading"
+          autoFocus>
           <a-select-option
             v-for="(opt) in volumeOptions.opts"
             :key="opt.id">
diff --git a/ui/src/views/storage/TakeSnapshot.vue b/ui/src/views/storage/TakeSnapshot.vue
index 7d5cd9ce2fd..59cc003a3de 100644
--- a/ui/src/views/storage/TakeSnapshot.vue
+++ b/ui/src/views/storage/TakeSnapshot.vue
@@ -31,7 +31,8 @@
             <a-form-item :label="$t('label.name')">
               <a-input
                 v-decorator="['name']"
-                :placeholder="apiParams.name.description" />
+                :placeholder="apiParams.name.description"
+                autoFocus />
             </a-form-item>
           </a-col>
           <a-col :md="24" :lg="24">
diff --git a/ui/src/views/storage/UploadLocalVolume.vue b/ui/src/views/storage/UploadLocalVolume.vue
index 66633db6816..15c27d3bc88 100644
--- a/ui/src/views/storage/UploadLocalVolume.vue
+++ b/ui/src/views/storage/UploadLocalVolume.vue
@@ -55,7 +55,8 @@
             v-decorator="['name', {
               rules: [{ required: true, message: $t('message.error.volume.name') }]
             }]"
-            :placeholder="$t('label.volumename')" />
+            :placeholder="$t('label.volumename')"
+            autoFocus />
         </a-form-item>
         <a-form-item>
           <span slot="label">