教程集 > 前端编程 > HTML5教程 > 正文 HTML5 input number是什么？HTML5 input type的详细介绍（内附属性图）

HTML5 input number是什么？HTML5 input type的详细介绍（内附属性图）

发布时间：2020-05-25 编辑：jiaochengji.com

教程集为您提供HTML5 input number是什么？HTML5 input type的详细介绍（内附属性图）等资源，欢迎您收藏本站，我们将为您提供最新的HTML5 input number是什么？HTML5 input type的详细介绍（内附属性图）资源

HTML5 input number是什么？HTML5 input type的详细介绍。本篇文章为大家详细的解释了HTML5 input number是什么，怎么用的，还有关于HTML5 input type的一些介绍和属性值的描述

HTML5 input类型都有什么输入类型：

本章全面介绍这些新的输入类型：

email
url
number
range
Date pickers (date, month, week, time, datetime, datetime-local)
search
color

HTML5 input类型 - number：

number 类型用于应该包含数值的输入域。

html5新增的number输入类型会在input框获得焦点的时候呼起数字键盘，增加了体验的效果。但是在一些安卓机器上，还是能够切换道字符输入，用户也会不小心输入“ ”“—”之类的非数字字符。测试了一下，number类型是会自动忽略字母字符和其他非数字字符的，除了“ ”“—”“.”这两个字符可以输入,因为这两个是正负数和小数点的符号。

number类型还有一个点是，如果输入框中的内容不是纯数字（正数，负数都行），内容中包含一些字符的时候，对应dom元素的value就是空（""）。

您还能够设定对所接受的数字的限定：

实例：

Points: <input type="number" name="points" min="1" max="10" />

请使用下面的属性来规定对数字类型的限定：

提示：iPhone 中的 Safari 浏览器支持 number 输入类型，并通过改变触摸屏键盘来配合它（显示数字）。

HTML 5 <input> type（样式）属性：

这是实例：

带有不同输入类型的表单：

<form action="demo_form.asp" method="get">
  First name: <input type="text" name="fname" /><br />
  Last name: <input type="text" name="lname" /><br />
  <input type="submit" value="Submit" />
</form>

定义和用法：

type 属性规定 input 元素的类型。

注释：该属性不是必需的，但是我们认为您应该始终使用它。

语法：

属性值：