html5怎么设置input只能输入数字_JavaScript

上一篇: html怎么隐藏input标签下一篇:html怎么实现右对齐

html5怎么设置input只能输入数字

发布时间：2022-05-16 发布网站：脚本宝典

脚本宝典收集整理的这篇文章主要介绍了html5怎么设置input只能输入数字，脚本宝典觉得挺不错的，现在分享给大家，也给大家做个参考。

在htML5中，可以通过input标签的tyPE属性来实现只能输入数字的功能，只需要将type属性的值设置为“number”即可，语法“<input type="number">”。

html5怎么设置input只能输入数字

本教程操作环境：windows7系统、HTML5版、Dell G3电脑。

<input> 标签规定用户可@R_512_2060@的输入字段。

根据不同的 type 属性，输入字段有多种形态。输入字段可以是文本字段、复选框、密码字段、单选按钮、按钮等等。

如果想要设置input只能输入数字，只需要将type 属性的值设置为“number”即可：

<!DOCTYPE html>
<html>
	<head>
		<;meta charset="utf-8">
	</head>
	<body>
		<input placeholder="文本,字母,数字等都可输入"/><br /><br />
		<input type="number" placeholder="只能输入数字"/>
	</body>
</html>

输出结果：

html5怎么设置input只能输入数字

补充：input 元素的类型--type 属性可以设置的值

值	描述
button	定义可点击的按钮（通常与 JavaScript 一起使用来启动脚本）。
checkbox	定义复选框。
color	定义拾色器。
date	定义 date 控件（包括年、月、日，不包括时间）。
datetime	定义 date 和 time 控件（包括年、月、日、时、分、秒、几分之一秒，基于 UTC 时区）。
datetime-local	定义 date 和 time 控件（包括年、月、日、时、分、秒、几分之一秒，不带时区）。
email	定义用于 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只能输入数字的详细内容，更多请关注脚本宝典其它相关文章！

脚本宝典总结

以上是脚本宝典为你收集整理的html5怎么设置input只能输入数字全部内容，希望文章能够帮你解决html5怎么设置input只能输入数字所遇到的问题。

如果觉得脚本宝典网站内容还不错，欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。

上一篇: html怎么隐藏input标签下一篇:html怎么实现右对齐

猜你在找的JavaScript相关文章

html font标签如何设置字体大小？html font标签属性用法介绍 2022-05-16
vue3+TypeScript+vue-router的使用方法 2022-04-16
vue3获取当前路由地址 2022-04-16
如何利用React实现图片识别App 2022-04-16
JavaScript展开运算符和剩余运算符的区别详解 2022-04-16
微信小程序中使用vant框架的具体步骤 2022-04-16
Vue elementUI表单嵌套表格并对每行进行校验详解 2022-04-16
如何利用Typescript封装本地存储 2022-04-16
微信小程序中wxs文件的一些妙用分享 2022-04-16
JavaScript的Set数据结构详解 2022-04-16