[英]HTML input type number min & max attributes not working in IE
我用HTML创建了一个表，并为每个数字输入字段设置了最小和最大范围。 当我在最新版本的Chrome和Firefox中运行演示时，我会看到最小的增量和减少箭头到最右边。 但是当我在IE中运行相同的应用程序时，向上和向下箭头不显示。
我的问题是：有没有办法让它在IE中显示，或者，目前还没有支持吗？
提前致谢。
body { font-family: 'Segoe UI', sans-serif; } span { font-style: italic; }
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8" /> <title>My first input test</title> <link rel="stylesheet" href="app.css" type="text/css" /> </head> <body> <h1>Hello World!</h1> <table class="table table-striped table-hover table-bordered" id="PatientTrackingBoardTable" border="1"> <thead> <tr> <th class="TopRow">Inventory</th> <th class="TopRow">Qty</th> </tr> </thead> <tr class="SubRow"> <td class="InventoryRow" style="width:75%">Chairs</td> <td class="QtyAvailableCell"> <input id="ChairsAvailable" type="number" class="BedInputField" min="0" max="100" /> </td> </tr> <tr class="SubRow"> <td class="InventoryRow">Tables</td> <td class="QtyAvailableCell"> <input id="TablesAvailable" type="number" class="BedInputField" min="0" max="100" /> </td> </tr> </table> </body> </html>
IE 10和11都允许输入类型：数字 - 但是你没有得到UI微调按钮。
您需要使用JavaScript或jQuery在IE中进行此类更改。
$(function () { $("input").keydown(function () { if (!$(this).val() || (parseInt($(this).val()) <= 11 && parseInt($(this).val()) >= 0)) $(this).data("old", $(this).val()); }); $("input").keyup(function () { if (!$(this).val() || (parseInt($(this).val()) <= 11 && parseInt($(this).val()) >= 0)) ; else $(this).val($(this).data("old")); }); });
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <input type="number" min="0" max="11" value="0"/>
希望这可以帮助。
HTML <input type=“text” /> 最小值和最大值的仅数字
[英]html <input type=“text” /> number-only with min and max value
Angular 4 input[type='number'] 防止输入超过 min/max
[英]Angular 4 input[type='number'] prevent typing over min/max
输入类型=“文本”的模式，带有最小和最大数量以及条件
[英]pattern for input type=“text” with min and max number and with conditional
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.