限制input輸入框只輸入純數字的方法:透過oninput事件,在事件中使用replace()函數來配合正規表示式「/[^\d]/g,''」進行輸入限制,實現input文字方塊只能輸入數字,輸入其它字元會自動清除的效果。
本教學操作環境:windows7系統、javascript1.8.5&&HTML5版、Dell G3電腦。
限制input 輸入框只能輸入純數字
使用oninput 事件,限制input 輸入框只能輸入純數字
oninput = "value=value.replace(/[^\d]/g,'')"
程式碼範例
<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <title>input</title> </head> <body> 只能输入纯数字的输入框:<input type="text" name="" oninput="value=value.replace(/[^\d]/g,'')"> </body> </html>
推薦學習:《HTML影片教學》
以上是HTML如何限制input輸入框只輸入純數字的詳細內容。更多資訊請關注PHP中文網其他相關文章!