控制input只能录入数字


1.情景展示

如何控制input录入框,只能输入数字?

2.具体实现

??方式一:

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

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

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

??方式二:js

3.HTML4与HTML5的区别

HTML5

头部有以下声明

 

HTML4

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

html4.01的引用了DTD(document type define),因为html4.01是基于SGML的,而它引用的DTD指明了html的规则,从而浏览器能正确的渲染页面;

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

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

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

写在最后

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

 相关推荐:

  • 个人主页