如何在 Foundation 6 中接受 Decimal 值

Question

我有一个 Foundation 6 内置的表单域，但它不允许小数输入。

HTML

<input type="number" name="decimal_amount" max="10" placeholder="" required>

当我输入 8.5 时出现此错误：

请输入有效值。最接近的两个值是 8 和 9。

这是整个 HTML 块：

    <head>
    <!-- Foundation CSS via CDN -->
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/foundation/6.1.2/foundation.min.css">
    <!-- 1140px Grid styles for IE -->
    <!--[if lte IE 9]><link rel="stylesheet" href="css/ie.css" type="text/css" media="screen" /><![endif]-->
    <!-- The 1140px Grid - http://cssgrid.net/ -->
    <link rel="stylesheet" href="../css/1140.css" type="text/css" media="screen" />
    <!--css3-mediaqueries-js - http://code.google.com/p/css3-mediaqueries-js/ - Enables media queries in some unsupported browsers-->
    <script type="text/javascript" src="../js/css3-mediaqueries.js"></script>
    <!-- Foundation JavaScript via CDN -->
    <script src="https://cdn.jsdelivr.net/foundation/6.1.2/foundation.min.js"></script>
    </head>
        <div class="large-6 columns">
          <label class="left">Ranking (scale 1-10, decimals allowed)
            <input type="number" name="decimal_amount" max="10" placeholder="" required>
          </label>
        </div>

<script src="js/vendor/jquery.min.js"></script>
<script src="js/foundation.min.js"></script>
<script>
    $(document).foundation();
</script>
</body>

这是错误控制台

Answer 1

真是HTML5的问题。在输入中添加 step="0.1" 以描述小数精度的类型。这是第 100 位的示例。

<input type="number" name="decimal_amount" max="10" step="0.01" placeholder="" required>

http://www.w3.org/TR/2012/WD-html5-20121025/common-input-element-attributes.html#attr-input-step

如何在 Foundation 6 中接受 Decimal 值

How to accept Decimal values in Foundation 6

html

input

numbers

decimal

zurb-foundation-6