HTML——63.普通按钮和隐藏域

html 复制代码
<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>普通按钮和隐藏域</title>
	</head>
	<body>
		<!--input元素的type属性:(必须要有)-->	
		
		<!--普通按钮:
			1.type="button"
			2.定义的是一个可以点击的按钮,但是没有任何的行为。没有任何的样式
			3.可以用value改变按钮的名称
			4.常用于点击按钮时来启动js程序,绑定js程序
			-->
		<!--隐藏域:(最大的作用就是在我们进行搜索时,对搜索对象划定范围,以便更精确的得到搜索结果)
			1.type="hidden"
			<input type="hidden" name="xjd" value="小家电"/>
			2.隐藏域不会显示在页面中(所以你写了也看不到表现)。一般是网页设计者设置好的数据
			3.表单提交时,隐藏域中的value会提交到服务器
			-->	

		
		<form action="http://127.0.0.1/51zxw.php" method="post">
			用户名:<input type="text" name="uname"/>
			<br />
			密码:<input type="password" name="password"/>
			<br />
			<input type="hidden" name="xjd" value="小家电"/> 
			<br />
			<input type="submit" />
			<input type="reset" />
			
			<input type="button"  value="普通按钮"/>
			<input type="button" />
	
		</form>		
	</body>
</html>

button,submit,reset属性都是按钮,但button就是submit,reset去掉自带文字后的效果,光秃秃的没有样式

< input type="hidden" name="xjd" value="小家电"/> 往服务器发送的内容是:"小家电"

相关推荐
2401_8685347811 小时前
软考网络规划设计师SSL协议知识点详解
服务器·网络
paopaokaka_luck13 小时前
宠物门店经营管理系统(销售与库存联动、进货自动记账、 退换与退款关联、员工个人业绩、ECharts 经营分析、滞销识别与客户分层、宠物档案年龄计算)
前端·javascript·spring boot·mysql·echarts·mybatis·1024程序员节
额额额对了14 小时前
嵌入式 Linux 实战:i.MX6ULL 上的 CAN 通信与摄像头采集
linux·运维·服务器
灯澜忆梦15 小时前
【Linux】#10 | Linux 终端实用快捷键 + 安装应用
linux·运维·服务器
狮子座的男孩15 小时前
html+css基础:25、3D变换(3D空间与景深/透视点的位置/位移/旋转/缩放/多重变换/背部可见性)
css·经验分享·html·旋转·透视点·缩放/位移·3d变换/空间与景深
码士集团小青15 小时前
面霸篇:高频 Java 基础问题(核心卷一)
linux·服务器·数据库·redis·缓存·1024程序员节
anOnion16 小时前
构建无障碍组件之Grid Pattern
前端·html·交互设计
OnlyEasyCode17 小时前
IIS开放端口转发后端
运维·服务器
鶴哥只手遮天17 小时前
jQuery 4.0 源码架构与工程实践-第 10 章 尺寸、几何与显隐
前端·javascript·jquery