Номер типа ввода HTML min и max не работают в IE

58
7

Я создал таблицу в 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>

спросил(а) 2016-04-04T18:34:00+03:00 4 года, 6 месяцев назад
1
Решение
91

Вам нужно использовать 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"/>

Надеюсь это поможет.

ответил(а) 2019-05-01T18:27:00+03:00 1 год, 5 месяцев назад
41

IE 10 и 11 оба позволяют вводить тип: число - но вы не получаете кнопки счетчика пользовательского интерфейса.

ответил(а) 2019-05-01T18:11:00+03:00 1 год, 5 месяцев назад
Ваш ответ
Введите минимум 50 символов
Чтобы , пожалуйста,
Выберите тему жалобы:

Другая проблема