为了账号安全,请及时绑定邮箱和手机立即绑定

如何在 HTML 中的 <input> 标记中设置“最大值”?

如何在 HTML 中的 <input> 标记中设置“最大值”?

www说 2023-07-14 15:41:06
我可以设置“最大值”吗            <input type="number" step="10" min="10"                   th:max=""                   th:field="*{coins}" required>在 ? 中创建变量        <script>            var wallet = [[${session.student.wallet}]];            var price = [[${item.itemCost}]];            var lowerValue = Math.min(wallet, price);        </script>问题是将 中可见值中较小的一个分配给“max”。
查看完整描述

3 回答

?
心有法竹

TA贡献1866条经验 获得超5个赞

如果你给你的输入一个id像 (<input id="my-input"...) 这样的属性,那么它应该像这样简单

document.getElementById("my-input").setAttribute("max", myCalculatedValue):


let

  wallet = 50.00,

  price = 42.00;

const myCalculatedValue = Math.min(wallet, price);


const myInput = document.getElementById("my-input");

myInput.setAttribute("max", myCalculatedValue);

<input id="my-input" type="number" step="10" min="10" />


查看完整回答
反对 回复 2023-07-14
?
达令说

TA贡献1821条经验 获得超6个赞

//default the max to 99

document.getElementById("yourinput").max = 99;


// setMax gets triggered by the button's `onclick` attribute

function setMax() {

   let max = document.getElementById("yourmax").value;

   document.getElementById("yourinput").max = max;

}

<!-- Note that I gave your elements IDs so JS can reference them -->

Default <b>max=99</b> got set when page loaded. Try it below.<br/>

Set max here: <input id="yourmax" value="10"><br/>

Click this button to apply your NEW max: <button onclick="setMax()">Set Max</button></br>

Max gets set on this input: <input id="yourinput" type="number" min="0" style="width:50px;">


查看完整回答
反对 回复 2023-07-14
?
青春有我

TA贡献1784条经验 获得超8个赞

您只需使用 Thymeleaf 即可做到这一点。

<input type="number"
       step="10" min="10"
       th:max="${T(Math).max(session.student.wallet, item.itemCost)}"
       th:field="*{coins}"
       required>



查看完整回答
反对 回复 2023-07-14
  • 3 回答
  • 0 关注
  • 140 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信