diff --git a/packages/nutui-taro-demo/src/dentry/pages/input/index.vue b/packages/nutui-taro-demo/src/dentry/pages/input/index.vue
index 001d2649be..7ea5243dcd 100644
--- a/packages/nutui-taro-demo/src/dentry/pages/input/index.vue
+++ b/packages/nutui-taro-demo/src/dentry/pages/input/index.vue
@@ -7,8 +7,8 @@
     <h2>自定义类型</h2>
     <nut-input v-model="state.text" placeholder="文本" />
     <nut-input v-model="state.password" type="password" placeholder="密码" />
-    <nut-input v-model="state.number" type="number" placeholder="数字" />
-    <nut-input v-model="state.digit" type="digit" placeholder="整数" />
+    <nut-input v-model="state.digit" type="digit" placeholder="数字（支持小数）" />
+    <nut-input v-model="state.number" type="number" placeholder="整数" />
 
     <h2>禁用和只读</h2>
     <nut-input v-model="state.readonly" readonly placeholder="只读" />
@@ -80,76 +80,58 @@
   </div>
 </template>
 
-<script lang="ts">
+<script setup lang="ts">
 import { reactive } from 'vue';
 import { Close, Ask } from '@nutui/icons-vue-taro';
 import Taro from '@tarojs/taro';
 import Header from '../../../components/header.vue';
-export default {
-  components: {
-    Close,
-    Ask,
-    Header
-  },
-  setup() {
-    const env = Taro.getEnv();
 
-    const state = reactive({
-      val1: '',
-      val2: '',
-      text: '',
-      password: '',
-      number: '',
-      digit: '',
-      tel: '',
-      readonly: '',
-      disabled: '',
-      showIcon: '',
-      required: '',
-      error1: '',
-      error2: '',
-      buttonVal: '',
-      format1: '',
-      format2: '',
-      textarea: '',
-      align1: '',
-      align2: '',
-      event: '',
-      slotsValue: '',
-      clear: '',
-      clear2: '',
-      adjustPosition: false,
-      show: false,
-      msg: ''
-    });
-    setTimeout(function () {
-      // state.val1 = '异步数据';
-    }, 2000);
-    const clear = (value: string | number, event: Event) => {
-      console.log('clear:', value, event);
-      showToast('clear');
-    };
-    const showToast = (msg: string) => {
-      state.show = true;
-      state.msg = msg;
-    };
-    const clickInput = (value: string | number) => {
-      console.log('clickInput:', value);
-      showToast('clickInput');
-    };
-    const formatter = (value: string) => value.replace(/\d/g, '');
-    const clearValue = () => {
-      state.clear2 = '';
-    };
-    return {
-      state,
-      clear,
-      clickInput,
-      formatter,
-      clearValue,
-      env
-    };
-  }
+const env = Taro.getEnv();
+
+const state = reactive({
+  val1: '',
+  val2: '',
+  text: '',
+  password: '',
+  number: '',
+  digit: '',
+  tel: '',
+  readonly: '',
+  disabled: '禁用',
+  showIcon: '',
+  required: '',
+  error1: '',
+  error2: '',
+  buttonVal: '',
+  format1: '',
+  format2: '',
+  textarea: '',
+  align1: '',
+  align2: '',
+  event: '',
+  slotsValue: '',
+  clear: '',
+  clear2: '',
+  adjustPosition: false,
+  show: false,
+  msg: ''
+});
+
+const clear = (value: string | number, event: Event) => {
+  console.log('clear:', value, event);
+  showToast('clear');
+};
+const showToast = (msg: string) => {
+  state.show = true;
+  state.msg = msg;
+};
+const clickInput = (value: string | number) => {
+  console.log('clickInput:', value);
+  showToast('clickInput');
+};
+const formatter = (value: string) => value.replace(/\d/g, '');
+const clearValue = () => {
+  state.clear2 = '';
 };
 </script>
 
diff --git a/src/packages/__VUE/input/__tests__/__snapshots__/input.spec.ts.snap b/src/packages/__VUE/input/__tests__/__snapshots__/input.spec.ts.snap
index e0794c261b..ece6af896b 100644
--- a/src/packages/__VUE/input/__tests__/__snapshots__/input.spec.ts.snap
+++ b/src/packages/__VUE/input/__tests__/__snapshots__/input.spec.ts.snap
@@ -1,7 +1,7 @@
 // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
 exports[`should render word limit correctly 1`] = `
-"<view class=\\"nut-input-box\\"><input style=\\"text-align: left;\\" type=\\"text\\" class=\\"input-text\\" maxlength=\\"\\" placeholder=\\"\\" format-trigger=\\"onChange\\" enterkeyhint=\\"done\\">
+"<view class=\\"nut-input-box\\"><input type=\\"text\\" class=\\"input-text\\" style=\\"text-align: left;\\" maxlength=\\"\\" placeholder=\\"\\" format-trigger=\\"onChange\\" enterkeyhint=\\"done\\">
   <!--v-if-->
 </view>"
 `;
@@ -11,7 +11,7 @@ exports[`should render word limit correctly when modelValue is null 1`] = `
   <view class=\\"nut-input-value\\">
     <view class=\\"nut-input-inner\\">
       <!--v-if-->
-      <view class=\\"nut-input-box\\"><input style=\\"text-align: left;\\" type=\\"text\\" class=\\"input-text\\" maxlength=\\"\\" placeholder=\\"\\" format-trigger=\\"onChange\\" enterkeyhint=\\"done\\">
+      <view class=\\"nut-input-box\\"><input type=\\"text\\" class=\\"input-text\\" style=\\"text-align: left;\\" maxlength=\\"\\" placeholder=\\"\\" format-trigger=\\"onChange\\" enterkeyhint=\\"done\\">
         <!--v-if-->
       </view>
       <!--v-if-->
diff --git a/src/packages/__VUE/input/demo.vue b/src/packages/__VUE/input/demo.vue
index aaa053a917..377e0933f8 100644
--- a/src/packages/__VUE/input/demo.vue
+++ b/src/packages/__VUE/input/demo.vue
@@ -77,13 +77,14 @@
   </div>
 </template>
 
-<script lang="ts">
-import { reactive, defineComponent } from 'vue';
+<script setup lang="ts">
+import { reactive } from 'vue';
 import { Close, Ask } from '@nutui/icons-vue';
 import { showToast } from '@/packages/nutui.vue';
 import { createComponent } from '@/packages/utils/create';
 const { translate } = createComponent('input');
 import { useTranslate } from '@/sites/assets/util/useTranslate';
+
 const initTranslate = () =>
   useTranslate({
     'zh-CN': {
@@ -102,7 +103,7 @@ const initTranslate = () =>
       text: '文本',
       textPlaceholder: '请输入文本',
       passwordPlaceholder: '请输入密码',
-      numberPlaceholder: '请输入数字',
+      numberPlaceholder: '请输入数字（支持小数）',
       digitPlaceholder: '请输入整数',
       telPlaceholder: '请输入手机号',
       readonly: '输入框只读',
@@ -142,7 +143,7 @@ const initTranslate = () =>
       text: 'Text',
       textPlaceholder: 'Text',
       passwordPlaceholder: 'Password',
-      numberPlaceholder: 'Number',
+      numberPlaceholder: 'Number (Support Decimals)',
       digitPlaceholder: 'Digit',
       telPlaceholder: 'Tel',
       readonly: 'Readonly',
@@ -167,65 +168,48 @@ const initTranslate = () =>
       placeholder5: 'Input Align'
     }
   });
-export default defineComponent({
-  components: {
-    Close,
-    Ask
-  },
-  setup() {
-    initTranslate();
-    const state = reactive({
-      val1: '',
-      val2: '',
-      text: '',
-      password: '',
-      number: '',
-      digit: '',
-      tel: '',
-      readonly: '',
-      disabled: '',
-      showIcon: '',
-      required: '',
-      error1: '',
-      error2: '',
-      buttonVal: '',
-      format1: '',
-      format2: '',
-      textarea: '',
-      align1: '',
-      align2: '',
-      noBorder1: '',
-      noBorder2: '',
-      clear: '',
-      clear2: '',
-      event: '',
-      slotsValue: ''
-    });
-    setTimeout(function () {
-      // state.val1 = '异步数据';
-    }, 2000);
-    const clear = (event: Event) => {
-      showToast.text('clear');
-      console.log('clear:', event);
-    };
-    const clickInput = (event: Event) => {
-      showToast.text('clickInput');
-      console.log('clickInput:', event);
-    };
-    const clearValue = () => {
-      state.clear2 = '';
-    };
-    const formatter = (value: string) => value.replace(/\d/g, '');
-    return {
-      state,
-      clear,
-      clickInput,
-      formatter,
-      translate,
-      clearValue
-    };
-  }
+
+initTranslate();
+const state = reactive({
+  val1: '',
+  val2: '',
+  text: '',
+  password: '',
+  number: '',
+  digit: '',
+  tel: '',
+  readonly: '',
+  disabled: '',
+  showIcon: '',
+  required: '',
+  error1: '',
+  error2: '',
+  buttonVal: '',
+  format1: '',
+  format2: '',
+  textarea: '',
+  align1: '',
+  align2: '',
+  noBorder1: '',
+  noBorder2: '',
+  clear: '',
+  clear2: '',
+  event: '',
+  slotsValue: ''
 });
+
+const clear = (event: Event) => {
+  showToast.text('clear');
+  console.log('clear:', event);
+};
+const clickInput = (event: Event) => {
+  showToast.text('clickInput');
+  console.log('clickInput:', event);
+};
+const clearValue = () => {
+  state.clear2 = '';
+};
+const formatter = (value: string) => value.replace(/\d/g, '');
 </script>
 
 <style lang="scss" scoped></style>
diff --git a/src/packages/__VUE/input/index.taro.vue b/src/packages/__VUE/input/index.taro.vue
index 6af6ec83e9..05534f7c06 100644
--- a/src/packages/__VUE/input/index.taro.vue
+++ b/src/packages/__VUE/input/index.taro.vue
@@ -54,25 +54,15 @@
   </view>
 </template>
 <script lang="ts">
-import { PropType, ref, reactive, computed, onMounted, watch, ComputedRef, InputHTMLAttributes, h } from 'vue';
+import { PropType, ref, reactive, computed, onMounted, watch, ComputedRef, h } from 'vue';
 import { createComponent } from '@/packages/utils/create';
 import { formatNumber } from './util';
 import { MaskClose } from '@nutui/icons-vue-taro';
 import Taro from '@tarojs/taro';
-const { componentName, create } = createComponent('input');
 
-export type InputType = InputHTMLAttributes['type'];
-export type InputAlignType = 'left' | 'center' | 'right'; // text-align
-export type InputFormatTrigger = 'onChange' | 'onBlur'; // onChange: 在输入时执行格式化 ; onBlur: 在失焦时执行格式化
-export type InputRule = {
-  pattern?: RegExp;
-  message?: string;
-  required?: boolean;
-};
-export type ConfirmTextType = 'send' | 'search' | 'next' | 'go' | 'done';
-export interface InputTarget extends HTMLInputElement {
-  composing?: boolean;
-}
+import type { InputType, InputAlignType, InputFormatTrigger, InputTarget, ConfirmTextType } from './type';
+
+const { componentName, create } = createComponent('input');
 
 export default create({
   inheritAttrs: false,
@@ -90,7 +80,7 @@ export default create({
       default: ''
     },
     inputAlign: {
-      type: String,
+      type: String as PropType<InputAlignType>,
       default: 'left'
     },
     required: {
@@ -172,10 +162,23 @@ export default create({
     const getModelValue = () => String(props.modelValue ?? '');
 
     const renderInput = (type: InputType) => {
-      return h('input', {
-        style: styles,
-        ...inputType(type)
-      });
+      let inputType: any = { type };
+      if (Taro.getEnv() === Taro.ENV_TYPE.WEB) {
+        // Taro H5 端与小程序端效果保持一致
+        if (type === 'number') {
+          inputType = {
+            type: 'tel',
+            inputmode: 'numeric'
+          };
+        }
+        if (type === 'digit') {
+          inputType = {
+            type: 'text',
+            inputmode: 'decimal'
+          };
+        }
+      }
+      return h('input', inputType);
     };
 
     const state = reactive({
@@ -202,22 +205,6 @@ export default create({
       };
     });
 
-    const inputType = (type: InputType) => {
-      if (type === 'number') {
-        return {
-          type: 'text'
-        };
-      }
-
-      if (type === 'digit') {
-        return {
-          type: 'tel'
-        };
-      }
-
-      return { type };
-    };
-
     const onInput = (event: Event) => {
       if (Taro.getEnv() === Taro.ENV_TYPE.WEB) {
         if (!(event.target as InputTarget)!.composing) {
@@ -239,11 +226,10 @@ export default create({
       if (props.maxLength && value.length > Number(props.maxLength)) {
         value = value.slice(0, Number(props.maxLength));
       }
-      if (props.type === 'digit') {
-        value = formatNumber(value, false, false);
-      }
-      if (props.type === 'number') {
-        value = formatNumber(value, true, true);
+      // In weapp input digit is decimal keyboard
+      if (['number', 'digit'].includes(props.type)) {
+        const isDigit = props.type === 'digit';
+        value = formatNumber(value, isDigit, isDigit);
       }
       if (props.formatter && trigger === props.formatTrigger) {
         value = props.formatter(value);
@@ -342,7 +328,6 @@ export default create({
       active,
       classes,
       styles,
-      inputType,
       onInput,
       onFocus,
       onBlur,
diff --git a/src/packages/__VUE/input/index.vue b/src/packages/__VUE/input/index.vue
index f0566c66be..6acaa1a223 100644
--- a/src/packages/__VUE/input/index.vue
+++ b/src/packages/__VUE/input/index.vue
@@ -51,25 +51,15 @@
   </view>
 </template>
 <script lang="ts">
-import { PropType, ref, reactive, computed, onMounted, watch, ComputedRef, InputHTMLAttributes, h } from 'vue';
+import { PropType, ref, reactive, computed, onMounted, watch, ComputedRef, h } from 'vue';
 import { createComponent } from '@/packages/utils/create';
-import { formatNumber } from './util';
+import { formatNumber, mapInputType } from './util';
 import { MaskClose } from '@nutui/icons-vue';
 
+import type { InputType, InputAlignType, InputFormatTrigger, InputTarget, ConfirmTextType } from './type';
+
 const { componentName, create } = createComponent('input');
 
-export type InputType = InputHTMLAttributes['type'];
-export type InputAlignType = 'left' | 'center' | 'right'; // text-align
-export type InputFormatTrigger = 'onChange' | 'onBlur'; // onChange: 在输入时执行格式化 ; onBlur: 在失焦时执行格式化
-export type InputRule = {
-  pattern?: RegExp;
-  message?: string;
-  required?: boolean;
-};
-export type ConfirmTextType = 'send' | 'search' | 'next' | 'go' | 'done';
-export interface InputTarget extends HTMLInputElement {
-  composing: boolean;
-}
 export default create({
   props: {
     type: {
@@ -85,7 +75,7 @@ export default create({
       default: ''
     },
     inputAlign: {
-      type: String,
+      type: String as PropType<InputAlignType>,
       default: 'left'
     },
     required: {
@@ -159,12 +149,7 @@ export default create({
     const inputRef = ref();
     const getModelValue = () => String(props.modelValue ?? '');
 
-    const renderInput = (type: InputType) => {
-      return h('input', {
-        style: styles,
-        ...inputType(type)
-      });
-    };
+    const renderInput = (type: InputType) => h('input', { ...mapInputType(type) });
 
     const state = reactive({
       focused: false,
@@ -190,22 +175,6 @@ export default create({
       };
     });
 
-    const inputType = (type: InputType) => {
-      if (type === 'number') {
-        return {
-          type: 'text'
-        };
-      }
-
-      if (type === 'digit') {
-        return {
-          type: 'tel'
-        };
-      }
-
-      return { type };
-    };
-
     const onInput = (event: Event) => {
       if (!(event.target as InputTarget)!.composing) {
         const input = event.target as HTMLInputElement;
@@ -218,11 +187,9 @@ export default create({
     };
 
     const updateValue = (value: string, trigger: InputFormatTrigger = 'onChange') => {
-      if (props.type === 'digit') {
-        value = formatNumber(value, false, false);
-      }
-      if (props.type === 'number') {
-        value = formatNumber(value, true, true);
+      if (['number', 'digit'].includes(props.type)) {
+        const isNumber = props.type === 'number';
+        value = formatNumber(value, isNumber, isNumber);
       }
 
       if (props.formatter && trigger === props.formatTrigger) {
@@ -332,7 +299,6 @@ export default create({
       active,
       classes,
       styles,
-      inputType,
       onInput,
       onFocus,
       onBlur,
diff --git a/src/packages/__VUE/input/type.ts b/src/packages/__VUE/input/type.ts
index c73681bf0f..204fa6cb29 100644
--- a/src/packages/__VUE/input/type.ts
+++ b/src/packages/__VUE/input/type.ts
@@ -1,5 +1,7 @@
 export type InputAlignType = 'left' | 'center' | 'right'; // text-align
+
 export type InputFormatTrigger = 'onChange' | 'onBlur'; // onChange: 在输入时执行格式化 ; onBlur: 在失焦时执行格式化
+
 export type InputType =
   | 'tel'
   | 'url'
@@ -33,3 +35,7 @@ export type InputRule = {
 };
 
 export type ConfirmTextType = 'send' | 'search' | 'next' | 'go' | 'done';
+
+export interface InputTarget extends HTMLInputElement {
+  composing?: boolean;
+}
diff --git a/src/packages/__VUE/input/util.ts b/src/packages/__VUE/input/util.ts
index 9285e0a0b3..208aae427c 100644
--- a/src/packages/__VUE/input/util.ts
+++ b/src/packages/__VUE/input/util.ts
@@ -1,3 +1,6 @@
+import type { HTMLAttributes, InputHTMLAttributes } from 'vue';
+import type { InputType } from './type';
+
 function trimExtraChar(value: string, char: string, regExp: RegExp) {
   const index = value.indexOf(char);
 
@@ -28,3 +31,26 @@ export function formatNumber(value: string, allowDot = true, allowMinus = true)
 
   return value.replace(regExp, '');
 }
+
+export function mapInputType(type: InputType): {
+  type: InputHTMLAttributes['type'];
+  inputmode?: HTMLAttributes['inputmode'];
+} {
+  // type="number" is weird in iOS, and can't prevent dot in Android
+  // so use inputmode to set keyboard in modern browsers
+  if (type === 'number') {
+    return {
+      type: 'text',
+      inputmode: 'decimal'
+    };
+  }
+
+  if (type === 'digit') {
+    return {
+      type: 'tel',
+      inputmode: 'numeric'
+    };
+  }
+
+  return { type };
+}