HTML——64. 数字输入框和活动条

最新推荐文章于 2025-03-23 08:09:02 发布

时间sk

最新推荐文章于 2025-03-23 08:09:02 发布

阅读量550

点赞数 8

分类专栏： HTML5 文章标签： html

本文链接：https://blog.csdn.net/weixin_63215361/article/details/144910166

版权

HTML5 专栏收录该内容

76 篇文章

订阅专栏

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>数字输入框和活动条</title>
	</head>
	<body>
		<!--input元素的type属性：(必须要有)-->	
		
		<!--数字输入框:（你购物时账单清算有商品个数的选择框，就是数字输入框）
			1.type="number"
			2.专门用来输入数字，其它类型不能输入
			3.min:允许输入的最小值（比如货物最少5个发货）
			4.max:允许输入的最大值（比如货物限购为20个）
			5.step:步长（你点击加，则每次加step个，同理减也是）
			-->
		<!--活动条:（有点像音量条一样）
			1.type="hidden"
			2.专门用来输入数字，其它类型不能输入
			3.min:允许输入的最小值
			4.max:允许输入的最大值
			5.step:步长
			-->	

		
		<form action="https://www.51zxw.net" method="get">
			<input type="number" name="abc"  value="10" min="5" max="20" step="5"/>
			<br />
			<input type="range" name="bcd"  value="10" min="10" max="80" step="5"/>
			<br />
			<input type="submit" />
			
		</form>
		
	</body>
</html>