diff --git a/ruoyi-admin/src/main/resources/static/js/plugins/inputSpinner/InputSpinner.js b/ruoyi-admin/src/main/resources/static/js/plugins/inputSpinner/InputSpinner.js
new file mode 100644
index 000000000..bfd52d2fb
--- /dev/null
+++ b/ruoyi-admin/src/main/resources/static/js/plugins/inputSpinner/InputSpinner.js
@@ -0,0 +1,50 @@
+/**
+ * Author and copyright: Stefan Haack (https://shaack.com)
+ * Repository: https://github.com/shaack/bootstrap-input-spinner
+ * License: MIT, see file 'LICENSE'
+ */
+
+
+    // the default editor for parsing and rendering
+const I18nEditor = function (props, element) {
+        const locale = props.locale || "en-US"
+
+        this.parse = function (customFormat) {
+            const numberFormat = new Intl.NumberFormat(locale)
+            const thousandSeparator = numberFormat.format(11111).replace(/1/g, '') || '.'
+            const decimalSeparator = numberFormat.format(1.1).replace(/1/g, '')
+            return parseFloat(customFormat
+                .replace(new RegExp(' ', 'g'), '')
+                .replace(new RegExp('\\' + thousandSeparator, 'g'), '')
+                .replace(new RegExp('\\' + decimalSeparator), '.')
+            )
+        }
+
+        this.render = function (number) {
+            const decimals = parseInt(element.getAttribute("data-decimals")) || 0
+            const digitGrouping = !(element.getAttribute("data-digit-grouping") === "false")
+            const numberFormat = new Intl.NumberFormat(locale, {
+                minimumFractionDigits: decimals,
+                maximumFractionDigits: decimals,
+                useGrouping: digitGrouping
+            })
+            return numberFormat.format(number)
+        }
+    }
+
+let triggerKeyPressed = false
+const originalVal = $.fn.val
+$.fn.val = function (value) {
+    if (arguments.length >= 1) {
+        for (let i = 0; i < this.length; i++) {
+            if (this[i]["bootstrap-input-spinner"] && this[i].setValue) {
+                const element = this[i]
+                setTimeout(function () {
+                    element.setValue(value)
+                })
+            }
+        }
+    }
+    return originalVal.apply(this, arguments)
+}
+
diff --git a/ruoyi-admin/src/main/resources/templates/demo/form/basic.html b/ruoyi-admin/src/main/resources/templates/demo/form/basic.html
index 2988a6578..4f6e78114 100644
--- a/ruoyi-admin/src/main/resources/templates/demo/form/basic.html
+++ b/ruoyi-admin/src/main/resources/templates/demo/form/basic.html
@@ -536,6 +536,14 @@
                                 </div>
                             </div>
                             <div class="hr-line-dashed"></div>
+                            <div class="form-group">
+                                <label class="col-sm-2 control-label">数字框</label>
+
+                                <div class="col-sm-10">
+                                    <input class="form-control" type="number" value="50" min="0" max="100" step="10"/>
+                                </div>
+                            </div>
+                            <div class="hr-line-dashed"></div>
                             <div class="form-group">
                                 <div class="col-sm-4 col-sm-offset-2">
                                     <button class="btn btn-primary" type="submit">保存内容</button>
diff --git a/ruoyi-admin/src/main/resources/templates/index-topnav.html b/ruoyi-admin/src/main/resources/templates/index-topnav.html
index 26026cb69..690ae84c6 100644
--- a/ruoyi-admin/src/main/resources/templates/index-topnav.html
+++ b/ruoyi-admin/src/main/resources/templates/index-topnav.html
@@ -318,6 +318,7 @@
 <script th:src="@{/js/bootstrap.min.js}"></script>
 <script th:src="@{/js/plugins/metisMenu/jquery.metisMenu.js}"></script>
 <script th:src="@{/js/plugins/slimscroll/jquery.slimscroll.min.js}"></script>
+<script th:src="@{/js/plugins/inputSpinner/InputSpinner.js}"></script>
 <script th:src="@{/js/jquery.contextMenu.min.js}"></script>
 <script th:src="@{/ajax/libs/blockUI/jquery.blockUI.js}"></script>
 <script th:src="@{/ajax/libs/layer/layer.min.js}"></script>
diff --git a/ruoyi-admin/src/main/resources/templates/index.html b/ruoyi-admin/src/main/resources/templates/index.html
index 639ec95d2..201dca946 100644
--- a/ruoyi-admin/src/main/resources/templates/index.html
+++ b/ruoyi-admin/src/main/resources/templates/index.html
@@ -264,6 +264,7 @@
 <script th:src="@{/js/bootstrap.min.js}"></script>
 <script th:src="@{/js/plugins/metisMenu/jquery.metisMenu.js}"></script>
 <script th:src="@{/js/plugins/slimscroll/jquery.slimscroll.min.js}"></script>
+<script th:src="@{/js/plugins/inputSpinner/InputSpinner.js}"></script>
 <script th:src="@{/js/jquery.contextMenu.min.js}"></script>
 <script th:src="@{/ajax/libs/blockUI/jquery.blockUI.js}"></script>
 <script th:src="@{/ajax/libs/layer/layer.min.js}"></script>
diff --git a/ruoyi-generator/src/main/resources/templates/tool/gen/edit.html b/ruoyi-generator/src/main/resources/templates/tool/gen/edit.html
index 133fb290d..f2c61979d 100644
--- a/ruoyi-generator/src/main/resources/templates/tool/gen/edit.html
+++ b/ruoyi-generator/src/main/resources/templates/tool/gen/edit.html
@@ -610,6 +610,7 @@
     <option value="input" {{if htmlType==="input"}}selected{{/if}}>文本框</option>
     <option value="textarea" {{if htmlType==="textarea"}}selected{{/if}}>文本域</option>
     <option value="select" {{if htmlType==="select"}}selected{{/if}}>下拉框</option>
+    <option value="number" {{if htmlType==="number"}}selected{{/if}}>数字框</option>
     <option value="radio" {{if htmlType==="radio"}}selected{{/if}}>单选框</option>
     <option value="checkbox" {{if htmlType==="checkbox"}}selected{{/if}}>复选框</option>
     <option value="summernote" {{if htmlType==="summernote"}}selected{{/if}}>富文本</option>
diff --git a/ruoyi-generator/src/main/resources/vm/html/add.html.vm b/ruoyi-generator/src/main/resources/vm/html/add.html.vm
index de0f64075..51522e19c 100644
--- a/ruoyi-generator/src/main/resources/vm/html/add.html.vm
+++ b/ruoyi-generator/src/main/resources/vm/html/add.html.vm
@@ -62,6 +62,13 @@
                     </div>
                 </div>
             </div>
+#elseif($column.htmlType == "number")
+            <div class="form-group">
+                <label class="col-sm-3 control-label#if($column.required) is-required#end">${comment}：</label>
+                <div class="col-sm-8">
+                    <input name="${field}" class="form-control" type="number"#if($column.required) required#end>
+                </div>
+            </div>
 #elseif($column.htmlType == "upload")
             <div class="${colXsNum}">
                 <div class="form-group">
diff --git a/ruoyi-generator/src/main/resources/vm/html/edit.html.vm b/ruoyi-generator/src/main/resources/vm/html/edit.html.vm
index 99f664e0b..2f68c2beb 100644
--- a/ruoyi-generator/src/main/resources/vm/html/edit.html.vm
+++ b/ruoyi-generator/src/main/resources/vm/html/edit.html.vm
@@ -62,6 +62,13 @@
                     </div>
                 </div>
             </div>
+#elseif($column.htmlType == "number")
+            <div class="form-group">
+                <label class="col-sm-3 control-label#if($column.required) is-required#end">${comment}：</label>
+                <div class="col-sm-8">
+                    <input name="${field}" th:field="*{${field}}" class="form-control" type="number"#if($column.required) required#end>
+                </div>
+            </div>
 #elseif($column.htmlType == "upload")
             <div class="${colXsNum}">
                 <div class="form-group">