可以使用html5的number類型實現(xiàn)限制文本框只能輸入數(shù)字。
夾江ssl適用于網(wǎng)站、小程序/APP、API接口等需要進行數(shù)據(jù)傳輸應(yīng)用場景,ssl證書未來市場廣闊!成為創(chuàng)新互聯(lián)建站的ssl證書銷售渠道,可以享受市場價格4-6折優(yōu)惠!如果有意向歡迎電話聯(lián)系或者加微信:18982081108(備注:SSL證書合作)期待與您的合作!
具體步驟如下:
需要準(zhǔn)備的材料分別是:電腦、瀏覽器、ultraedit。
1、在ue編輯器中新建一個空白的html文件。
2、在ue編輯器中輸入以下html代碼。
3、編輯完成以后,在ue編輯器中點擊保存,格式選擇UTF8無BOM。
4、在瀏覽器中打開此html文件,可以看到最終想要實現(xiàn)的限制文本框只能輸入數(shù)字效果。
下面講解html5如何設(shè)定input對所輸入的數(shù)字限定。
1、首先新建一個html網(wǎng)頁文件,把他命名為test.html,接下來用test.html文件來講解html5如何設(shè)定input對所輸入的數(shù)字限定。
2、在test.html文件內(nèi),需要創(chuàng)建一個表單form action="" method="get"/form。
3、給在表單內(nèi),加入一個Input,類型為number。input type="number" name="test" min="1" max="10" /,意思是最小是1,最大是10。
4、最后在瀏覽器瀏覽一下test.html,來看看效果能否實現(xiàn)。需要用鼠標(biāo)點中表單Submit按鈕,就完成了 。
!DOCTYPE html
html
head
meta charset="utf-8" /
title正則 只能輸入數(shù)字/title
meta name="Keywords" content="" /
meta name="Description" content="" /
link rel="stylesheet" href="css/.css" /
/head
body
input type="text" id="txt" /
button id="btn"確定/button
script
var txt = document.getElementById('txt')
var btn = document.getElementById('btn')
var reg = /^\d*$/
btn.onclick = function(){
var val = txt.value
if( !reg.test(val)){
alert('只能輸入數(shù)字!')
}
}
/script
/body
/html
網(wǎng)頁標(biāo)題:html5輸入數(shù)字,輸入數(shù)字的代碼
文章路徑:http://m.rwnh.cn/article36/dscoosg.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站改版、標(biāo)簽優(yōu)化、動態(tài)網(wǎng)站、網(wǎng)站維護、品牌網(wǎng)站設(shè)計、定制網(wǎng)站
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)