制作只允许输入数字的文本框

时间:2024-10-12 05:52:52

1、在桌面上单击右键,新建【文本文档】

制作只允许输入数字的文本框

2、写入如图所示代码

制作只允许输入数字的文本框

3、单击右键重命名,将名字改为【不落泪的天使1制作.html】,注意后缀

制作只允许输入数字的文本框

4、在桌面空白处点一下,弹出对话框,点击【是】

制作只允许输入数字的文本框

5、双击打开网页如图所示

制作只允许输入数字的文本框

6、你可以试一下,除了输入数字,输入其他任何字符都会被删除

制作只允许输入数字的文本框

7、不难看出他们的对应关系,汉字我就不解释了,可以自由修改

制作只允许输入数字的文本框

8、代码讲解【<input >】标记就是单行文本框,里面可以设置相关的属性

制作只允许输入数字的文本框

9、【replace(/[^\d]/g巳呀屋饔,'')】——replace替换所有的非数字字符为空,用了正则表达式

制作只允许输入数字的文本框

10、全部代码如下,你可以自行修改验证哦【请输入数字,只能输入数字哦:<input onkeyup="value=value.replace(/[^\d]/g,&垆杪屑丝#39;') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))">】

制作只允许输入数字的文本框
© 手抄报圈