gpt4 book ai didi

html - 如何在 Foundation 6 中接受 Decimal 值

转载 作者:可可西里 更新时间:2023-11-01 13:03:14 25 4
gpt4 key购买 nike

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

HTML

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

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

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

这是整个 HTML block :

    <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>

这里是错误控制台 enter image description here

最佳答案

果然是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

关于html - 如何在 Foundation 6 中接受 Decimal 值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36554132/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com