html5怎么设置input只能输入数字
导读：收集整理的这篇文章主要介绍了html5怎么设置input只能输入数字，觉得挺不错的，现在分享给大家，也给大家做个参考。在htML5中，可以通过input标签的tyPE属性来实现只能输入数字的功能，只需要将type属性的值设置为“number...
收集整理的这篇文章主要介绍了html5怎么设置input只能输入数字，觉得挺不错的，现在分享给大家，也给大家做个参考。在htML5中，可以通过input标签的tyPE属性来实现只能输入数字的功能，只需要将type属性的值设置为“number”即可，语法“input type="number"> ”。
本教程操作环境：windows7系统、HTML5版、Dell G3电脑。
input> 标签规定用户可输入数据的输入字段。
根据不同的 type 属性，输入字段有多种形态。输入字段可以是文本字段、复选框、密码字段、单选按钮、按钮等等。
如果想要设置input只能输入数字，只需要将type 属性的值设置为“number”即可：
!DOCTYPE html>
html>
head>
meta charset="utf-8">
/head>
body>
input placeholder="文本,字母,数字等都可输入"/>
br />
br />
input type="number" placeholder="只能输入数字"/>
/body>
/html>
输出结果：
补充：input 元素的类型--type 属性可以设置的值
| 值 | 描述 |
|---|---|
| button | 定义可点击的按钮（通常与 JavaScript 一起使用来启动脚本）。 |
| checkbox | 定义复选框。 |
| color | 定义拾色器。 |
| date | 定义 date 控件（包括年、月、日，不包括时间）。 |
| datetime | 定义 date 和 time 控件（包括年、月、日、时、分、秒、几分之一秒，基于 UTC 时区）。 |
| datetime-local | 定义 date 和 time 控件（包括年、月、日、时、分、秒、几分之一秒，不带时区）。 |
| 定义用于 e-mail 地址的字段。 | |
| file | 定义文件选择字段和 "浏览..." 按钮，供文件上传。 |
| hidden | 定义隐藏输入字段。 |
| image | 定义图像作为提交按钮。 |
| month | 定义 month 和 year 控件（不带时区）。 |
| number | 定义用于输入数字的字段。 |
| password | 定义密码字段（字段中的字符会被遮蔽）。 |
| radio | 定义单选按钮。 |
| range | 定义用于精确值不重要的输入数字的控件（比如 slider 控件）。 |
| reset | 定义重置按钮（重置所有的表单值为默认值）。 |
| seArch | 定义用于输入搜索字符串的文本字段。 |
| submIT | 定义提交按钮。 |
| tel | 定义用于输入电话号码的字段。 |
| text | 默认。定义一个单行的文本字段（默认宽度为 20 个字符）。 |
| time | 定义用于输入时间的控件（不带时区）。 |
| url | 定义用于输入 URL 的字段。 |
| week | 定义 week 和 year 控件（不带时区）。 |
推荐教程：《html视频教程》
以上就是html5怎么设置input只能输入数字的详细内容，更多请关注其它相关文章！
声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！
若转载请注明出处： html5怎么设置input只能输入数字
本文地址： https://pptw.com/jishu/591464.html