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

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方式提交

相关推荐
狮子座的男孩20 小时前
html+css基础:25、3D变换(3D空间与景深/透视点的位置/位移/旋转/缩放/多重变换/背部可见性)
css·经验分享·html·旋转·透视点·缩放/位移·3d变换/空间与景深
anOnion21 小时前
构建无障碍组件之Grid Pattern
前端·html·交互设计
xy34531 天前
Axure 9.0 内联框架加载方式
前端·ui·html·axure·原型·产品设计
奶酪博士1 天前
【1024快乐】用HTML写一个本地版心愿墙页面
html·1024程序员节
日常筹谋记2 天前
工业厂房 TPO 防水卷材:技术需求如何传导到配方层面?
运维·网络·html
BioRunYiXue2 天前
使用docker分析高通量测序数据
java·数据库·人工智能·spring cloud·docker·tomcat·html
进击的明明2 天前
前端开发中的 BEM 国际命名规范:让 CSS 不再"打架"
前端·css·html
烂蜻蜓2 天前
Pandas入门教程(十二):读取 HTML 表格——read_html 参数详解与网页数据清洗
python·html·pandas
java1234_小锋3 天前
【技术专题】HTML5 网页技术 - Web Storage 本地存储 & 文件 API & 拖放 API
前端·html·html5
狮子座的男孩3 天前
html+css基础:24、2D变换(位移/缩放/旋转/扭曲(了解)/多重变换/变换原点)
前端·css·经验分享·html·2d位移·原点变换·缩放/旋转/扭曲