diff --git a/pages/_lang/calculation/index.vue b/pages/_lang/calculation/index.vue
index 6eaf592..746d7a7 100644
--- a/pages/_lang/calculation/index.vue
+++ b/pages/_lang/calculation/index.vue
@@ -82,12 +82,12 @@
                       </el-form-item>
 
                       <el-form-item :class="validation.pointedLoadValue ? 'is-error' : null" :label="staticData.app.t22" v-if="app.method === 'custom' && app.loadType === 'pointedLoad'">
-                        <el-input v-model="app.pointedLoadValue" :placeholder="staticData.app.enter"></el-input>
+                        <el-input inputmode="numeric" pattern="[0-9]*" v-model="app.pointedLoadValue" :placeholder="staticData.app.enter"></el-input>
                         <p class="err" v-if="validation.pointedLoadValue">{{ validation.pointedLoadValue.msg }}</p>
                       </el-form-item>
 
                       <el-form-item :class="validation.distributedLoadValue ? 'is-error' : null" :label="staticData.app.t23" v-if="app.method === 'custom' && app.loadType === 'distributedLoad'">
-                        <el-input v-model="app.distributedLoadValue" :placeholder="staticData.app.enter"></el-input>
+                        <el-input inputmode="numeric" pattern="[0-9]*" v-model="app.distributedLoadValue" :placeholder="staticData.app.enter"></el-input>
                         <p class="err" v-if="validation.distributedLoadValue">{{ validation.distributedLoadValue.msg }}</p>
                       </el-form-item>
 
@@ -141,18 +141,18 @@
                       </el-form-item>
 
                       <el-form-item :class="validation.clearSpan ? 'is-error' : null" :label="staticData.app.t26">
-                        <el-input v-model="app.clearSpan" :placeholder="staticData.app.enter"></el-input>
+                        <el-input inputmode="numeric" pattern="[0-9]*" v-model="app.clearSpan" :placeholder="staticData.app.enter"></el-input>
                         <p class="err" v-if="validation.clearSpan">{{ validation.clearSpan.msg }}</p>
                       </el-form-item>
 
                       <el-form-item :class="validation.bearingBarThickness ? 'is-error' : null" :label="staticData.app.t27">
-                        <el-input v-model="app.bearingBarThickness" :placeholder="staticData.app.enter"></el-input>
+                        <el-input inputmode="numeric" pattern="[0-9]*" v-model="app.bearingBarThickness" :placeholder="staticData.app.enter"></el-input>
                         <p class="err" v-if="validation.bearingBarThickness">{{ validation.bearingBarThickness.msg }}</p>
                       </el-form-item>
 
                       <!-- cross bar thickness -->
                       <el-form-item :class="validation.crossBarThickness ? 'is-error' : null" :label="staticData.app.t30" v-if="app.gratingType === 'pressured'">
-                        <el-input v-model="app.crossBarThickness" :placeholder="staticData.app.enter"></el-input>
+                        <el-input inputmode="numeric" pattern="[0-9]*" v-model="app.crossBarThickness" :placeholder="staticData.app.enter"></el-input>
                         <p class="err" v-if="validation.crossBarThickness">{{ validation.crossBarThickness.msg }}</p>
                       </el-form-item>
                       <!-- cross bar thickness -->
@@ -173,7 +173,7 @@
 
                       <!-- cross bar height -->
                       <el-form-item :class="validation.crossBarHeight ? 'is-error' : null" :label="staticData.app.t31" v-if="app.gratingType === 'pressured'">
-                        <el-input v-model="app.crossBarHeight" :placeholder="staticData.app.enter"></el-input>
+                        <el-input inputmode="numeric" pattern="[0-9]*" v-model="app.crossBarHeight" :placeholder="staticData.app.enter"></el-input>
                         <p class="err" v-if="validation.crossBarHeight">{{ validation.crossBarHeight.msg }}</p>
                       </el-form-item>
                       <!-- cross bar height -->