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

时间sk2025-01-05 13:51

html 复制代码

<!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>

< form action="https://www.51zxt.net" method="get">,

method="get"

get方法提交：数据会附在网址之后，提交给服务器，不安全.数据提交量很小，method属性，你不写这个属性它默认会以get方式提交