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

时间sk2025-01-04 11:24

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