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

相关推荐
M--Y20 分钟前
LangGraph 工作流模式
开发语言·javascript·python·langchain·大模型·llm·langgraph
测试界的小码农4 小时前
【Linux 命令实战(06):Linux 文件权限管理,掌握 chmod、chown、chgrp】
linux·运维·服务器
艺杯羹5 小时前
1Panel 装好后 ufw 仍是 inactive:一次服务器安全盲区复盘
服务器·数据库·安全·网络安全·系统架构·实战·1panel
johnjincaaaa5 小时前
猿人学第 18 题「jsvmp 洞察先机」逆向通关实录
javascript·后端
女神下凡8 小时前
芯参谋(107):杰理AC_中科蓝讯_开发指南
linux·服务器·网络·单片机·嵌入式硬件
落羽的落羽8 小时前
【C++】C++17的主要特性
linux·服务器·开发语言·c++·算法·机器学习
FungLeo8 小时前
成为全栈·Vue 管理后台篇·分类树与标签管理:层级数据如何落到管理界面
前端·javascript·vue.js·分类树·naive ui·标签管理·前端数据结构
总要学点什么8 小时前
第108篇:三维特效-图片轨迹线效果——把贴图滚成一串箭头,想用它的本色反而整条消失
开发语言·javascript·ecmascript·gis·webgl·材质·cesium
小厨勺子12 小时前
我用AIUI给Rokid眼镜做了个随身换算智能体
javascript
ZhengEnCi12 小时前
小白用 AI 做官网完全指南:不用框架的六格清单,双击就能打开
前端·html·ai编程