首頁 > web前端 > 前端問答 > html5怎樣限制輸入數字的多寡

html5怎樣限制輸入數字的多寡

WBOY
發布: 2021-12-17 10:38:33
原創
3567 人瀏覽過

html中,可用輸入標籤的max和min屬性來限制輸入數字的多少,max屬性用於規定輸入欄位所允許的最大值,min屬性用於規定輸入欄位所允許的最小值,進而可以限制輸入數字的多寡,語法為「」。

html5怎樣限制輸入數字的多寡

本教學操作環境:windows10系統、HTML5版、Dell G3電腦。

html5怎麼限制輸入數字的多少

#在html中想要限制輸入數字的多少,我們可以利用到輸入標籤的max屬性和min屬性。

max 屬性規定輸入欄位所允許的最大值。 min屬性用於規定輸入欄位所允許的最小值。提示:max 屬性與 min 屬性搭配使用,可建立合法值範圍。

語法如下:

<input max="number|date">
<input min="number|date">
登入後複製

其中屬性值為數值時,控制的是輸入值的最大值,進而我們可以限制輸入的數量。

範例如下:

<html>
<body>
<form action="/example/html5/demo_form.asp" method="get">
Points: <input type="number" name="points" min="0" max="99" />
<input type="submit" />
</form>
</body>
</html>
登入後複製

輸出結果:

html5怎樣限制輸入數字的多寡

#推薦教學:《html影片教學

以上是html5怎樣限制輸入數字的多寡的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板