当前位置: 首页 > article >正文

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

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

在这里插入图片描述


http://www.kler.cn/a/466789.html

相关文章:

  • 【机器学习】穷理至极,观微知著:微积分的哲思之旅与算法之道
  • 【CSS】第二天 画盒子、文字控制属性
  • Android GameActivity(NativeActivity)读写文件
  • TCP 演进之路:软硬件跷跷板与新征程
  • 深入理解属性抽取:实体内部特征信息的挖掘
  • 记录安装Homebrew,php,依赖
  • 单片机通信
  • 交换机关于环路、接口绑定、链路聚合的相关知识
  • 游戏引擎学习第72天
  • [paddle] 非线性拟合问题的训练
  • React 性能优化
  • 数仓建模(二) 从关系型数据库到数据仓库的演变
  • 淘宝商品详情API返回值说明:Python爬虫代码示例
  • perf:对hutool的BeanUtil工具类做补充
  • 【51单片机零基础-chapter3:按键:独立按键|||附带常见C语句.逻辑运算符】
  • 中国科技产业化促进会深入深圳企业调研
  • gesp(C++一级)(17)洛谷:B4062:[GESP202412 一级] 温度转换
  • 在Linux系统中使用字符图案和VNC运行Qt Widgets程序
  • IDEA Plugins中搜索不到插件解决办法
  • 自动化测试常考的面试题+答案汇总(持续更新)
  • React 网络请求优化
  • CVSS漏洞评分系统曝出严重缺陷
  • 【源码+文档+调试讲解】“健康早知道”微信小程序
  • 生成对抗网络 (Generative Adversarial Network, GAN) 算法MNIST图像生成任务及CelebA图像超分辨率任务
  • 深入理解 Android 中的 ComponentInfo
  • Hive集群安装部署