Web 前端学习 案例三之制作网页表单

3. 制作网页表单

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<from action = # method=get>
	<!-- <form action="提交到哪去" method="提交方式><?from>" 作用:收集用户信息-->
			用户名:<input type="text" value="" placeholder="请输入用户名" name =name />
			<br><br />
			密码:<input type="password" value="" placeholder="请输入密码" name = password />
			<br /><br />
<!-- 输入框:<input type="" value="" name=""-->
			<input type="submit" value="注册" /> 
			<button>提交</button>
			<input type="button" value="按钮"/>
			<input type="reset" value="清空" />
			<br /><br />
			<!-- type="text" 单行文本输入框
				 type="password" 密码框
				 
				 type="submit" 提交按钮
				 type="button" 普通按钮
				 type="rest"   重置按钮
				 
				 naem="名字"
				 value="值"
				 placeholder="提示信息"
				 
			<button> 提交信息</button> -->
		<!-- 提交方式:
				get:
					1、在地址上明文提交
					2、在地址栏提交有长度限制,可能造成数据丢失
					3、明文提交,不安全
					4、一般提交的数据较短,数据较快
					5、一般向数据库获取数据,不会修改数据库数据
					
				post:
					1、不在地址栏提交
					2、实际上没有长度限制,不会造成数据丢失
					3、安全
					4、一般提交的数据较长,速度慢
					5、一般向数据库发送数据,会修改数据的数据
			-->
		</from>
	</body>
</html>

结束语

经验分享 程序员 微信小程序 职场和发展