控制input只能录入数字

1.情景展示

如何控制input录入框，只能输入数字？

2.具体实现

  方式一：

将<input>标签中的​type​属性直接设置为​number​就可以达到只能输入数字。

<input type="number" name="">

缺点1：只适用于HTML5，如果HTML4强行使用，在form表单提交的时候，该数字框将无法提交。

缺点2：它只能作用于网页端，在手机输入的话还是可以输入汉字或英文。 

  方式二：js

<input type="text" class="TextBox"
   style="width: 110px;ime-mode:disabled;"
   name="BATCH_CODE2" id="BATCH_CODE2"
   oninput="value=value.replace(/[^\d]/g,'')"/>

3.HTML4与HTML5的区别

HTML5

头部有以下声明

<!DOCTYPE html>

 

HTML4

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<!DOCTYPE>只是一个说明，用来告诉浏览器当前的html页面是用什么版本的html写的。

html4.01的<!DOCTYPE>引用了DTD（document type define），因为html4.01是基于SGML的，而它引用的DTD指明了html的规则，从而浏览器能正确的渲染页面；

而html5不是基于SGML所以不需要引用DTD。 

SGML，即一般标准标记语言，是一个用于定义文档标记语言标准的集合。

因为html4是基于SGML这个标记语言的集合，既然是集合说明里面有各种的标准，那么DTD就是指出了当前html文件是用的是哪个SGML规则。 html5不存在这个问题，所以只需要简单的声明浏览器就可以正确渲染页面啦。

写在最后

　　哪位大佬如若发现文章存在纰漏之处或需要补充更多内容，欢迎留言！！！

 相关推荐：

posted @ 2022-06-21 15:03  Marydon  阅读(3486)  评论(0)  编辑  收藏  举报