在家呆多少天啦? - 数字输入框，初识HTML(5)+CSS(3)-升级版教程-慕课网

6-4 在家呆多少天啦? - 数字输入框

本节编程练习不计算学习进度，请电脑登录imooc.com操作

在家呆多少天啦? - 数字输入框

我们来学习input标签中的数字框number类型，先来看一下数字框长什么样子吧。

技术点的解释：

1、input的type属性设置为number,则表示该输入框的类型为数字。

2、数字框只能输入数字，输入其他字符无效。

3、数字框最右侧会有一个加减符号,可以调整输入数字的大小,不同浏览器表现不一致。

是不是很简单呢?

我来试试：

可以按照上图在10行编写一个数字输入框,且输入满足要求和格式的内容。

index.html

<!DOCTYPE html>
<html>
 
<head>
    <meta charset="UTF-8">
    <title>input-number</title>
</head>
 
<body>
 
</body>
 
</html>