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

相关推荐
程序员大阳16 分钟前
副队长JavaScript教程(66)-本地存储实战:待办事项网页的开发
javascript·json·实战·待办事项·本地存储·案例
星恒随风42 分钟前
Linux网络编程:彻底理解IO多路复用select!从fd_set位图、读写就绪到手写TCP多客户端字典服务器
linux·服务器·网络
Dream-Y.ocean1 小时前
鸿蒙PC平台逻控 PLC 编辑器适配实战:基于 Electron 壳方案的纯 JavaScript 梯形图编程与仿真引擎开发
javascript·编辑器·harmonyos
Oiiouui3 小时前
linux服务器部署Logto后端与对应前端的实现
linux·服务器·前端·后端
前端小D3 小时前
JS核心底层
前端·javascript
ITKEY_3 小时前
用 Emacs Dired 实现 em:退出文件管理器后,让终端自动切换目录
linux·服务器·emacs
Dovis(誓平步青云)3 小时前
启元 T1 Pro 人机相声搭档:语音-触摸双通道的启元机器人节奏引擎设计
开发语言·前端·javascript·microsoft·交互
codeejun5 小时前
每日一Go·MySQL-11、覆盖索引 & 回表原理
javascript·数据库·mysql
用户298698530145 小时前
React 前端将 Excel 工作表导出为图片的技术实践
javascript·react.js·excel
沫璃染墨5 小时前
从零入门计算机网络系列(十四):TCP报文与字节流本质——从数据封装到报文边界
linux·服务器·网络·网络协议·tcp/ip·tcp