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="小家电"/> 往服务器发送的内容是:"小家电"

相关推荐
几何心凉21 分钟前
嵌入式Linux系统开发21天速成:从基础开发到综合项目实战
linux·运维·服务器
Tairitsu_H23 分钟前
[Linux系统] 一切皆文件 | 缓冲区机制 | FILE 结构
linux·运维·服务器·文件·缓冲区
涉密IT资质笔记40 分钟前
涉密人员脱密期管理规范:期限分级模型、就业限制边界与违规认定标准
java·服务器·前端·网络·数据库
honsor1 小时前
PoE温湿度传感器:一根网线供电+通信,即插即用,机房/配电室/仓库温湿度监测首选
运维·服务器·网络·数据库·人工智能·安全
自强的小白1 小时前
jvm面试(Gc)
服务器·jvm·面试
u0111026751 小时前
工具页案例图如何编写 alt让图片说明与处理场景对应
java·前端·javascript·图像处理·人工智能·算法·ai作画
事圆则缓1 小时前
Flutter 状态管理框架对比(五):GetX 的响应式、依赖注册与生命周期
前端·javascript·flutter
Qwier1 小时前
Win Srv 2019 安装补丁后重启
运维·服务器·windows
一叶飘零晋1 小时前
GPT-6 Luna 批量调用实战指南
服务器·gpt·php
Ivanqhz1 小时前
干涉图着色
java·服务器·网络·数据库·人工智能·深度学习